@font-face {
  font-family: 'iconfont';  /* Project id 3698923 */
  src: url('//at.alicdn.com/t/c/font_3698923_8l8wyqhr4va.woff2?t=1770817527693') format('woff2'),
       url('//at.alicdn.com/t/c/font_3698923_8l8wyqhr4va.woff?t=1770817527693') format('woff'),
       url('//at.alicdn.com/t/c/font_3698923_8l8wyqhr4va.ttf?t=1770817527693') format('truetype');
}
@font-face {
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*="icon-"] {
    font-family: 'iconfont';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font-size: clamp(16px, 1vw, 20px);
	font-family: 'Segoe UI', 'SF Pro Text', 'Roboto', 'Noto Sans SC', 'PingFang SC', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, cite, dfn, em, var {
	font-style: normal;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
	vertical-align: top;
	pointer-events: none;
}
section, article, aside, header, footer, nav, dialog, figure {
	display: block;
}
figure {
	margin: 0;
}
button, input, select, textarea {
	font-size: 100%;
	border: 0;
	background: none;
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear {
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}
.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}
a {
blr:expression_r(this.onFocus=this.blur());
}
a {
	outline: none;
	transition-duration: 0.3s, 0.3s;
	transition-property: background-color, color;
	transition-timing-function: ease, ease;
}
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
.i {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* cebianlan-kefu */
.cebianlan-kefu .sidebar-menu {position: fixed;top: 50%;right: 0.5%;margin-top: -210px;z-index: 9999;width: 95px;}
.cebianlan-kefu .sidebar-menu dd {position: relative;float: left;clear: both;width: 95px;height: 95px;margin-top: 0;border-radius: 5px;color: #1c85a4;font-size: 16px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;background: #ffffff;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);}
.cebianlan-kefu .sidebar-menu dd.sidebar-btn { background: #1c85a4; color: #fff; margin-bottom: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
.cebianlan-kefu .sidebar-menu .sidebar-menu-list dd { margin-top: 0; border-radius: 0; background: #ffffff; color: #1c85a4; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08); }
.cebianlan-kefu .sidebar-menu dd.sidebar-phone { border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0 2px 6px rgb(0 0 0 / 10%); }
.cebianlan-kefu .sidebar-menu dd.sidebar-top { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); }
.cebianlan-kefu .sidebar-menu dd.sidebar-center { }
.cebianlan-kefu .sidebar-menu dd.sidebar-btn:hover { background: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.cebianlan-kefu .sidebar-menu .sidebar-menu-list dd:hover { background: #f5f5f5; color: #1c85a4; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }
.cebianlan-kefu .sidebar-menu dd:hover { background: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.cebianlan-kefu .sidebar-menu dd span { display: block; margin-top: 5px; text-shadow: 0 0 1px rgba(0,0,0,0.1); }
.cebianlan-kefu .sidebar-menu dd.sidebar-btn span { color: #fff; text-shadow: none; }
.cebianlan-kefu .sidebar-menu .sidebar-menu-list dd span { color: #1c85a4; }
.cebianlan-kefu .sidebar-menu dd .iconfont { line-height: 34px; transform-origin: center center; text-shadow: 0 0 1px rgba(0,0,0,0.1); }
.cebianlan-kefu .sidebar-menu dd .iconfont.icon-dianhua { font-size: 26px; }
.cebianlan-kefu .sidebar-menu dd .iconfont.icon-weixin { font-size: 30px; }
.cebianlan-kefu .sidebar-menu dd .iconfont.icon-xiangshang { font-size: 26px; }
.cebianlan-kefu .sidebar-menu dd .iconfont.icon-kefufill { font-size: 32px; }
.cebianlan-kefu .sidebar-menu dd .iconfont.icon-medical-youxianshenpi { font-size: 28px; }
.cebianlan-kefu .sidebar-menu dd.sidebar-btn .iconfont { color: #fff; font-size: 26px; }
.cebianlan-kefu .sidebar-menu .sidebar-menu-list dd .iconfont { color: #1c85a4; text-shadow: 0 0 2px rgba(0,0,0,0.15); animation: jump-shaking 2s infinite ease-in-out; }
.cebianlan-kefu .sidebar-menu dd i { width: auto; height: auto; display: block; margin-top: 0; background: none; }
@keyframes jump-shaking { 0% { transform: translateX(0) rotate(0); } 50% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateX(0) rotate(0); } }
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list {position: absolute;top: 50%;transform: translateY(-50%);width: 190px;right: 95px;margin-right: 10px;border-radius: 8px;background: #1c85a4;opacity: 1;display: none;padding: 12px 15px;z-index: 101;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18);box-sizing: border-box;}
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #1c85a4; border-width: 8px; width: 0; height: 0; position: absolute; top: 50%; transform: translateY(-50%); right: -16px; margin-left: -10px; }
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list .phone-item {margin: 0 0 10px 0;padding: 9px 10px;border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 6px;background: rgba(255, 255, 255, 0.05);}
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list .phone-item:last-child { margin-bottom: 0; }
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list h4 {display: flex;align-items: center;font-size: 18px;color: #ffffff;font-weight: 500;}
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list p {display: flex;align-items: center;font-size: 16px;color: #f0f8fb;letter-spacing: 0.5px;}
.cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list h4 i, .cebianlan-kefu .sidebar-menu dd.sidebar-phone .phone-list p i { display: inline-block; margin-right: 7px; font-size: 14px; color: #ffffff !important; flex-shrink: 0; width: 14px; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap {position: absolute;top: 6px;width: 150px;right: 95px;height: 175px;margin-right: 10px;border-radius: 5px;background: #1c85a4;opacity: 1;display: none;z-index: 101;padding: 12px;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);}
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap * { color: #ffffff !important; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #1c85a4; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap .service-wechat-qrcode { width: 100%; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap .service-wechat-qrcode img { width: 135px; height: 135px; padding: 5px; margin: 0 auto; display: block; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service .service-qrcode-wrap .service-wechat-qrcode p { font-size: 14px !important; color: #ffffff !important; text-align: center; margin: 8px 0 0 !important; padding: 4px 0; font-weight: 600; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.3); }
.cebianlan-kefu .sidebar-menu dd.sidebar-phone:hover .phone-list { display: block; }
.cebianlan-kefu .sidebar-menu dd.sidebar-service:hover .service-qrcode-wrap { display: block; }
.icon-dianhua:before{content:"\e637"}
.icon-weixin:before{content:"\e8bb"}
.icon-xiangshang:before{content:"\e647"}
.icon-kefufill:before{content:"\e740"}
.icon-medical-youxianshenpi:before{content:"\e61f"}
.icon-dianhua1:before{content:"\ec47"}
.icon-dingwei1:before{content:"\e64c"}
.icon-biaodan:before{content:"\e110"}
.icon-guanbi:before{content:"\e658"}
.icon-shijian2:before{content:"\e6c2"}
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; justify-content: center; align-items: center; z-index: 999; backdrop-filter: blur(2px); }
.modal-overlay .modal-form { width: 1050px; max-width: 96%; background: #ffffff; padding: 0; border-radius: 12px; position: relative; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); overflow: hidden; }
.modal-overlay .close-modal { position: absolute; top: 20px; right: 20px; color: #666; cursor: pointer; border: none; background: none; width: 48px; height: 48px; border-radius: 50%; transition: all 0.3s ease; z-index: 10; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; line-height: 1; background: #f8f9fa; }
.modal-overlay .close-modal .iconfont { font-size: 18px; color: inherit; transform: translateY(0); }
.modal-overlay .close-modal:hover { color: #1c85a4; background: #e8f4f8; box-shadow: 0 2px 8px rgba(28, 133, 164, 0.15); }
.modal-overlay .modal-content-wrap {display: flex;}
.modal-overlay .modal-form-area { flex: 1; padding: 45px 45px; background: #f9fbfe; }
.modal-overlay .form-header { margin-bottom: 30px; text-align: center; }
.modal-overlay .form-header h3 { margin: 0 0 10px; font-size: 28px; font-weight: 700; color: #2d3748; }
.modal-overlay .form-header .form-desc { margin: 0; font-size: 17px; color: #718096; }
.modal-overlay .form-group { margin-bottom: 26px; }
.modal-overlay .form-label { display: block; margin-bottom: 10px; color: #4a5568; font-size: 17px; font-weight: 600; }
.modal-overlay .form-control { width: 100%; padding: 15px 20px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 17px; box-sizing: border-box; transition: all 0.3s ease; background: #ffffff; }
.modal-overlay .form-control:focus { outline: none; border-color: #1c85a4; box-shadow: 0 0 0 3px rgba(28, 133, 164, 0.1); }
.modal-overlay .form-control::placeholder { color: #a0aec0; font-size: 16px; }
.modal-overlay .form-control[type="tel"], .cebianlan-kefu .form-control[type="text"] { height: 50px; }
.modal-overlay .form-control[type="textarea"] { height: 120px; resize: none; line-height: 1.6; }
.modal-overlay .submit-btn { width: 100%; height: 54px; background: linear-gradient(135deg, #1c85a4 0%, #14708f 100%); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 19px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(28, 133, 164, 0.2); }
.modal-overlay .submit-btn:hover { background: linear-gradient(135deg, #14708f 0%, #0f5c73 100%); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28, 133, 164, 0.25); }
.modal-overlay .submit-btn:active { transform: translateY(0); }
.modal-overlay .modal-info-area { flex: 0 0 350px; padding: 40px 35px; background: #1c85a4; color: #ffffff; display: flex; flex-direction: column; justify-content: space-between; }
.modal-overlay .company-info { text-align: center; margin-bottom: 25px; }
.modal-overlay .company-logo { width: 95px; height: 95px; margin: 0 auto 12px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.8); background: #ffffff; }
.modal-overlay .company-logo img { width: 100%; height: 100%; object-fit: contain; }
.modal-overlay .company-name { margin: 0 0 5px; font-size: 23px; font-weight: 700; line-height: 1.2; }
.modal-overlay .company-tag { margin: 0 0 18px; font-size: 16px; opacity: 0.9; line-height: 1.4; }
.modal-overlay .company-desc { font-size: 14px; opacity: 0.85; line-height: 1.6; text-align: center; margin-bottom: 25px; padding: 0 10px; }
.modal-overlay .contact-card { background: rgba(255, 255, 255, 0.15); border-radius: 8px; padding: 28px; margin-bottom: 25px; backdrop-filter: blur(5px); flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
.modal-overlay .contact-item { display: flex; align-items: center; margin-bottom: 24px; }
.modal-overlay .contact-item:last-child { margin-bottom: 0; }
.modal-overlay .contact-icon { font-size: 21px; color: #ffffff; margin-right: 16px; width: 42px; height: 42px; line-height: 42px; text-align: center; background: rgba(255, 255, 255, 0.2); border-radius: 50%; }
.modal-overlay .contact-text .label { font-size: 16px; opacity: 0.8; margin-bottom: 5px; }
.modal-overlay .contact-text .value { font-size: 18px; font-weight: 600; line-height: 1.2; }
.modal-overlay .contact-text .link-btn { color: #ffffff; text-decoration: none; padding: 7px 14px; font-size: 17px; background: rgba(255, 255, 255, 0.2); border-radius: 4px; transition: all 0.3s ease; display: inline-block; margin-top: 3px; }
.modal-overlay .contact-text .link-btn:hover { background: rgba(255, 255, 255, 0.3); }
.modal-overlay .modal-tips { display: flex; align-items: flex-start; font-size: 14px; line-height: 1.6; opacity: 0.9; padding: 20px 10px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 10px; }
.modal-overlay .modal-tips .icon-tips-fill { font-size: 17px; margin-right: 10px; margin-top: 1px; }
.modal-overlay .modal-tips .tips-text p { margin: 0; text-align: justify; line-height: 1.7; }

/*Body*/
body {
	color:#333;
}
a {
	color:#333;
}
a:hover {
	color: #1c85a4;
}
.wrap {
   width: 94%;
   margin: 0 auto;
   box-sizing: border-box;
   max-width: 1920px;
   min-width: 1600px;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.w1600 {
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
}
.w1500 {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.w1400 {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
}
/* NEW-HEADER */
.header .t-b {background: #f2f2f2;font-size: 18px;}
.header .t-b .wrap {height: 45px;display: flex;align-items: center;justify-content: space-between;}
.header .t-b .wel {flex-shrink: 0;}
.header .t-b .mes {display: inline-flex;flex-shrink: 0;}
.header .t-b .mes a {background: url(../images/xl.png) right center no-repeat;padding-right: 15px;margin-left: 25px;}

.header .t-c {width: 94%;height: 160px;margin: 0 auto;display: flex;align-items: center;gap: 50px;}
.header .logo {flex-shrink: 0;display: flex;align-items: center;}
.header .center_intrl {flex-shrink: 0;text-align: center;}
.header .center_intrl h4 {font-size: 30px;color: #3d434b;letter-spacing: 2px;font-weight: bolder;}
.header .center_intrl h4 b {color: #1c85a4;}
.header .center_intrl p {font-size: 19px;color: #fff;background: #1c85a4;padding: 2px 18px;display: inline-block;line-height: 25px;margin: 0;}
.header .t-c .t-c-right {margin-left: auto;display: flex;align-items: center;gap: 50px;position: relative;}
.header .search {flex-shrink: 0;}
.header .search form {width: 310px;height: 36px;background: url(../images/search.png) no-repeat;position: relative;}
.header .search .text {width: 243px;height: 36px;line-height: 36px;position: absolute;left: 0;top: 0;padding-left: 38px;font-size: 16px;}
.header .search .ibtn {width: 67px;height: 35px;position: absolute;right: 0;top: 0;color: #fff;font-size: 18px;}
.header .tel {background: url(../images/tel.png) left center no-repeat;font-family: Arial;padding-left: 50px;letter-spacing: 0.2px;flex-shrink: 0;line-height: normal;font-size: 24px;background-size: 45px 45px;}
.header .tel > span:first-child {font-size: 23px;display: block;letter-spacing: 0.2px;}
.header .tel span:last-child {font-size: 20px;display: block;letter-spacing: 0;}
.header .mes-side {position: absolute;top: 0;right: -60px;display: flex;flex-direction: column;gap: 5px;}
.header .mes-side a {display: block;width: 50px;height: 50px;background: #1c85a4;color: #fff;text-align: center;line-height: 50px;text-decoration: none;}

.header .t-x {width: 94%;height: 48px;margin: 0 auto;display: flex;gap: 30px;align-items: stretch;}
.header .t-x-z {position: relative;flex-shrink: 0;width: 268px;}
.header .t-x-z .ck {height: 47px;line-height: 47px;border: 1px solid #96adbf;cursor: pointer;background: #fff;padding-left: 80px;color: #1c85a4;font-weight: 500;box-shadow: 0 2px 4px rgba(28, 133, 164, 0.1);position: relative;display: flex;align-items: center;justify-content: flex-start;border-bottom: unset;margin-top: 1px;font-size: 22px;}
.header .t-x-z .ck .iconfont {position: absolute;left: 30px;font-size: 19px;color: #1c85a4;line-height: 1;display: flex;align-items: center;top: 16px;}
.icon-menu:before {content: "\e648";}
.header .t-x-z ul {width: 268px;position: absolute;top: 48px;left: 0;z-index: 999;background: #1c85a4;display: none;margin: 0;padding: 0;list-style: none;box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-top: none;}
.header .t-x-z li {position: relative;border-bottom: 1px solid rgba(255,255,255,0.2);}
.header .t-x-z li .a-1 {display: block;height: 55px;line-height: 55px;font-size: 20px;color: #ffffff;padding-left: 40px;text-decoration: none;transition: all 0.3s ease;border-left: 3px solid transparent;background: #1c85a4;}
.header .t-x-z li .a-1:hover {background: #16708c;font-weight: 600;color: #ffffff;padding-left: 42px;border-left: 3px solid #ffffff;}
.header .t-x-z li .a-1.active {background: #16708c;color: #ffffff;border-left: 3px solid #ffffff;}
.header .t-x-z li .box {width: 880px;height: 520px;position: absolute;top: 0;left: 268px;padding: 25px 30px 15px;display: none;overflow-y: scroll;margin: 0;background-color: #f9fcff;box-shadow: 0 4px 16px rgba(0,0,0,0.08);scrollbar-width: thin;scrollbar-color: #1c85a4 #e8f4f8;background-image: radial-gradient(circle at 10% 10%, rgba(28, 133, 164, 0.05) 0%, transparent 20%),linear-gradient(135deg, rgba(232, 244, 248, 0.4) 0%, transparent 70%);background-repeat: no-repeat;background-size: 100% 100%;}
.header .t-x-z li .box::-webkit-scrollbar {width: 6px;background-color: #e8f4f8;}
.header .t-x-z li .box::-webkit-scrollbar-track {background: #e8f4f8;border-radius: 3px;}
.header .t-x-z li .box::-webkit-scrollbar-thumb {background-color: #1c85a4;border-radius: 3px;border: 1px solid #e8f4f8;transition: background-color 0.2s ease;}
.header .t-x-z li .box::-webkit-scrollbar-thumb:hover {background-color: #16708c;}
.header .t-x-z li .box::-webkit-scrollbar-corner {background: #e8f4f8;}
.header .t-x-z li .p1 {top: 0;background-color: #e8f4f8;}
.header .t-x-z li .p2 {top: -56px;background-color: #e0f5f8;}
.header .t-x-z li .p3 {top: -112px;background-color: #d8eff5;}
.header .t-x-z li .p4 {top: -168px;background-color: #eaf6f9;}
.header .t-x-z li .p5 {top: -224px;background-color: #d1e9f0;}
.header .t-x-z li .p6 {top: -280px;background-color: #c8e3ec;}
.header .t-x-z li .p7 {top: -336px;background-color: #bfe0e9;}
.header .t-x-z li .p8 {top: -392px;background-color: #b5d9e5;}
.header .t-x-z li .p9 {top: -448px;background-color: #ace0ec;}
.header .t-x-z li .p10 {top: -504px;background-color: #a3d8e8;}
.header .t-x-z li .box.p3::after {content: "";position: absolute;bottom: 40px;right: 50px;width: 220px;height: 220px;border-radius: 50%;background-color: rgba(28, 133, 164, 0.1);z-index: 1;pointer-events: none;transform: rotate(15deg);}
.header .t-x-z li .box.p4::after {content: "";position: absolute;top: 60px;left: 40px;width: 190px;height: 190px;background-color: rgba(28, 133, 164, 0.1);z-index: 1;pointer-events: none;transform: rotate(-10deg);border-radius: 12px;}
.header .t-x-z li .box.p6::after {content: "";position: absolute;bottom: 50px;left: 60px;width: 210px;height: 210px;border-radius: 50%;background-color: rgba(28, 133, 164, 0.1);clip-path: polygon(0 0, 100% 0, 100% 55%, 0 55%);z-index: 1;pointer-events: none;transform: rotate(25deg);}
.header .t-x-z li .box.p9::after {content: "";position: absolute;top: 45%;right: 40px;transform: translateY(-50%) rotate(-8deg);width: 230px;height: 150px;background-color: rgba(28, 133, 164, 0.1);z-index: 1;pointer-events: none;border-radius: 8px 24px 8px 24px;}
.header .t-x-z li .box dl {padding: 20px 15px 20px;margin: 0 0 20px 0;position: relative;z-index: 10;background-color: rgba(255, 255, 255, 0.85);border: none;border-radius: 8px;box-sizing: border-box;border-bottom: 1px solid #e8f4f8;box-shadow: 0 2px 8px rgba(28, 133, 164, 0.03);}
.header .t-x-z li .box dl:last-child {margin: 0;}
.header .t-x-z li .box dt {font-size: 18px;font-weight: 600;color: #1c85a4;background-color: #e8f4f8;padding: 8px 15px;border-radius: 4px 4px 4px 0;display: inline-block;border-left: 3px solid #1c85a4;margin: 0 0 20px 0;line-height: 1.4;letter-spacing: 0.5px;position: relative;box-shadow: 0 2px 4px rgba(28, 133, 164, 0.05);}
.header .t-x-z li .box dt::after {display: none;}
.header .t-x-z li .box dt a {color:#1c85a4;}
.header .t-x-z li .box .dd-wrap {display: flex;flex-wrap: wrap;gap: 18px 15px;width: 100%;padding: 0 5px;box-sizing: border-box;}
.header .t-x-z li .box dd {width: calc(25% - 11.25px);padding: 14px 2px;line-height: 1.5;font-size: 15px;margin: 0;box-sizing: border-box;border: 1px solid #e8f4f8;border-radius: 8px;background-color: #ffffff;transition: all 0.2s ease-in-out;white-space: normal;word-wrap: break-word;text-align: center;height: auto;box-shadow: 0 2px 4px rgba(0,0,0,0.02);position: relative;overflow: hidden;}
.header .t-x-z li .box.p5 dd,.header .t-x-z li .box.p10 dd {width:32%;}
.header .t-x-z li .box.p10 dd {width:30%;}
.header .t-x-z li .box dd:hover {border-color: #1c85a4;background-color: #f9fcff;transform: translateY(-2px);box-shadow: 0 6px 12px rgba(28, 133, 164, 0.1);}
.header .t-x-z li .box dd::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #1c85a4, #16708c);transform: translateX(-100%);transition: transform 0.3s ease;}
.header .t-x-z li .box dd:hover::before {transform: translateX(0);}
.header .t-x-z li .box dd a {padding-right: 0;text-decoration: none;color: #333;display: block;}
.header .t-x-z li .box dd a:hover {color: #1c85a4;font-weight: 500;}
.header .t-x-z li .box .slogan {padding-top: 10px;margin-left: 5px;}
.header .t-x-z li:hover .box {display: block;}

.header .nav {flex-grow: 1;display: flex;align-items: center;height: 47px;margin-top: 1px;}
.header .nav ul {display: flex;align-items: center;margin: 0;padding: 0;list-style: none;height: 100%;}
.header .nav ul li {position: relative;z-index: 10;flex-shrink: 0;height: 100%;display: flex;align-items: center;}
.header .nav ul li a {display: flex;align-items: center;justify-content: center;height: 100%;line-height: 46px;padding: 0 36px;color: #333;text-align: center;text-decoration: none;transition: all 0.3s ease;position: relative;font-size: 22px;border-radius: 8px;overflow: hidden;}
.header .nav ul li a:hover, .header .nav ul li a.current {color: #1c85a4;font-weight: 500;transform: scale(1.01);background: linear-gradient(180deg, rgba(28, 133, 164, 0.05) 0%, rgba(28, 133, 164, 0.1) 100%);}
.header .nav ul li .img1 {margin-top: 10px;}
.header .nav ul li .img2 {position: absolute;top: -12px;left: 70px;}
.header .nav ul li em {display: block;width: 19px;height: 11px;position: absolute;top: 8px;right: 10px;background: url(../images/hot.png);}
.header .nav ul li .ewm {position: absolute;top: 48px;right: 0;z-index: 100;display: none;}
.header .nav ul li a:hover .ewm {display: block;}
/*Index-Banner*/
#index_banner {
    overflow: hidden;
    position: relative;
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto;
}
#index_banner .index_banner_con {
    height: 740px;
}
#index_banner #index_banner_con {
    width: 100%;
    min-width: 1000px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
#index_banner_con, .index_banner_con ul {
    max-height: 740px;
    overflow: hidden;
}
#index_banner .index_banner_con li {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    display: none;
}
#index_banner .index_banner_con li:first-child {
    display: block;
}
#index_banner .index_banner_con li img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0;
    object-fit: cover;
}
#index_banner #index_banner_con .index_banner_tip {
    width: 1000px;
    height: 14px;
    line-height: 0;
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    bottom: 30px;
    z-index: 3;
}
#index_banner #index_banner_con .index_banner_tip span {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    display: inline-block;
    cursor: pointer;
    background: #ccc;
    border-radius: 50%;
    transition: all .5s;
    position: relative;
}
#index_banner #index_banner_con .index_banner_tip span.cur {
    width: 35px;
    height: 10px;
    background: #abcd07;
    border-radius: 4px;
}
/*Footer */
.footer {
  background: #1f1f24;
  padding: 60px 0 0;
}
.w-1 {
  border-bottom: 1px solid #28272d;
  padding-bottom: 60px;
  display: flex;
  gap: 140px;
  align-items: flex-start;
  flex-wrap: nowrap;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}
.w-1 .ftnav {
  display: flex;
  gap: 100px;
  flex: none;
}
.w-1 .ftnav dl {
  flex: none;
}
.w-1 .ftnav dt {
  font-size: 26px;
  margin: 0px 0 35px 0;
  position: relative;
}
.w-1 .ftnav dt:after {
  content: '';
  width: 24px;
  height: 2px;
  background-color: #1c85a4;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.w-1 .ftnav dt a {
  color: #aeaeae;
  text-decoration: none;
}
.w-1 .ftnav dt a:hover {
  color: #fff;
}
.w-1 .ftnav dd {
  line-height: 40px;
  font-size: 20px;
}
.w-1 .ftnav dd a {
  color: #737373;
  text-decoration: none;
}
.w-1 .ftnav dd span {
  color: red;
  padding: 0 8px;
}  
.w-1 .ftnav dd a:hover {
  color: #fff;
}
.w-1 .ftcon {
  width: 597px;
  max-width: none;
  height: auto;
  background: url(../images/map.jpg) bottom center no-repeat;
  border-left: 1px solid #343434;
  padding-left: 80px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: auto;
}
.w-1 .ftcon h2 {
  font-size: 26px;
  color: #aeaeae;
  font-weight: normal;
  margin: 0 0 35px 0;
  position: relative;
}
.w-1 .ftcon h2:after {
  content: '';
  width: 24px;
  height: 2px;
  background-color: #1c85a4;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.w-1 .ftcon p {
  font-size: 18px;
  color: #737373;
  text-align: justify;
  margin: 0 0 30px 0;
  line-height: 30px;
  word-break: break-all;
}
.w-1 .ftcon .ewm-wrap {
  display: flex;
  gap: 30px;
  align-items: flex-end;
}
.w-1 .ftcon .ewm_left, .w-1 .ftcon .ewm_right {
  width: 130px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 2px;
  padding: 8px;
  background: linear-gradient(180deg, rgba(30,30,35,0.95), rgba(25,25,30,1));
}
.w-1 .ftcon .ewm_left:hover, .w-1 .ftcon .ewm_right:hover {
  border-color: #1c85a4;
  transform: translateY(-2px);
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.w-1 .ftcon .ewm_left img, .w-1 .ftcon .ewm_right img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
  filter: saturate(0.9) brightness(0.98);
}
.w-1 .ftcon .ewm_left p, .w-1 .ftcon .ewm_right p {
  font-size: 18px;
  color: #aeaeae;
  margin: 10px 0 8px 0;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 0 1px rgba(28,133,164,0.3);
}
.w-1 .ftcon .ewm_left span, .w-1 .ftcon .ewm_right span {
  font-size: 16px;
  color: #737373;
  line-height: 20px;
  display: block;
  text-align: center;
}
.w-2 {
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 30px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  flex-wrap: nowrap;
}
.w-2 .w-2-z {
  flex: 1;
}
.w-2 .w-2-z .p {
  font-size: 18px;
  color: #737373;
  padding-top: 0;
  line-height: 22px;
}
.w-2 .w-2-z .p a {
  color: #737373;
  padding: 0 3px;
  transition: color 0.3s;
}
.w-2 .w-2-z .p a:hover {
  color: #fff;
}
.w-2 .w-2-z .p span {
  font-weight: normal;
}
.w-2 .w-2-z .copyright {
  color: #737373;
  font-size: 18px;
  padding-top: 6px;
  padding-bottom: 0;
  line-height: 22px;
}
.w-2 .w-2-z .copyright .beian {
  margin: 0;
  padding: 0;
}
.w-2 .w-2-z .copyright .gongan-img {
  margin-right: 2px;
  width: 16px;
  height: auto;
  vertical-align: initial;
}
.w-2 .w-2-z .copyright a {
  color: #737373;
  transition: color 0.3s;
}
.w-2 .w-2-z .copyright a:hover {
  color: #fff;
}
.w-2 .copyright-logo {
  width: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.w-2 .copyright-logo img {
  height: 50px;
  width: auto;
  display: block;
  filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(90%) contrast(86%);
}
/* service-center */
.service-center-main {
  padding: 40px 0 80px;
  background: #ffffff;
}
.service-center-main .service-title {
  padding-left: 22px;
  position: relative;
  font-size: 33px;
  font-weight: 600;
  margin: 16px 0 0;
}
.service-center-main .service-title:first-of-type {
    margin: 0;
}
.service-center-main .service-title::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  background-color: #1c85a4;
  transform: translateY(-50%);
  height: 32px;
  width: 6.4px;
  border-radius: 3.2px;
  transition: background-color 0.3s ease;
}
.service-center-main .service-title:hover::before {
  background-color: #0f6f8c;
}
.service-center-main .title-link {
  text-decoration: none;
  display: inline-block;
  transition: color 0.3s ease;
}
.service-center-main .title-link:hover .text-primary {
  color: #0f6f8c;
}
.service-center-main .text-primary {
  color: #1c85a4;
  transition: color 0.3s ease;
}
.service-center-main .service-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 19.2px;
  row-gap: 16px;
  padding: 24px 0 44.8px;
}

.service-center-main .service-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 64px;
  background-color: #f8f9fa;
  padding: 0 32px;
  font-size: 22px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  border: 1px solid transparent;
	transition: all 0.3s ease;
}
.service-center-main .service-item:hover {
  background: linear-gradient(to right, #4eb6e3, #1c85a4);
  color: #ffffff;
  font-weight: bold;
  transform: translateX(5px);
  box-shadow: 0 4px 12px rgba(28, 133, 164, 0.15);
  border-color: #e0eef2;
}
.service-center-main .item-icon {
  font-size: 23px;
  color: #666;
  transition: all 0.3s ease;
}
.service-center-main .service-item:hover .item-icon {
  color: #fff;
  transform: translateX(4px);
}
.icon-youjiantou3:before {
  content:"\e62f";
}
#index_item .title, #index_tom .title, #index_ous .title, #complaint .title, #us_item .title, #us_know .title, #us_ture .title, #ness_service .title, #trademark .title, #ness_lead .title, #ness_lead_beianbiangeng .title, #ness_onal .title, #ness_field .title, #problem .title {
    text-align: center;
    margin: 13px auto 61px auto;
    font-family: 'Source Han Sans CN';
    min-width: 1600px;
}
#index_item .title i, #index_tom .title i, #index_ous .title i, #complaint .title i, #news_inx .title i, #us_item .title i, #us_know .title i, #trademark .title i, #dljz .title i, #ness_lead .title i, #ness_lead_beianbiangeng .title i, #ness_lead_zhucerenzhidu .title i, #ness_onal .title i, #ness_field .title i, #problem .title i {
    display: inline-block;
    width: 100px;
    height: 27px;
    background: url(../images/line.jpg) no-repeat center top;
    vertical-align: middle;
}
#index_item .title strong, #index_tom .title strong, #index_ous .title strong, #complaint .title strong, #news_inx .title strong, #us_item .title strong, #us_know .title strong, #us_ture .title strong, #trademark .title strong, #dljz .title strong, #ness_lead .title strong, #ness_lead_beianbiangeng .title strong,#ness_lead_zhucerenzhidu .title strong, #ness_onal .title strong, #ness_field .title strong, #problem .title strong {
    margin: 0 20px;
    font-size: 50px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom, rgb(0, 153, 236), rgb(20, 11, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#ness_lead {
    width: 100%;
    height: 648px;
    background: #252933;
    overflow: hidden;
    min-width: 1600px;
}
#ness_lead .lead_ct {
    height: 600px;
    position: relative;
    margin: 0 auto;
}
#ness_lead .bg_img {
    position: absolute;
    bottom: -50px;
    width: 1100px;
    height: 499px;
    background: url(../images/lead.png) no-repeat center;
}
#ness_lead .title {
    position: absolute;
    top: 40px;
    color: #fff;
    width: 100%;
    text-align: center;
}
#ness_lead li {
    width: 330px;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #333;
}
#ness_lead li.li1 {
    position: absolute;
    top: 235px;
    left: 890px;
}
#ness_lead li.li2 {
    position: absolute;
    top: 346px;
    left: 990px;
}
#ness_lead li.li3 {
    position: absolute;
    top: 453px;
    left: 1100px;
}
#ness_lead .last {
    position: absolute;
    top: 544px;
    left: 1115px;
    color: #fff;
    line-height: 26px;
    font-size: 16px;
}
#ness_lead .title p {
    font-size: 22px;
    margin-top: 10px;
}
#ness_onal {
    background: #f3f3f3;
    padding-top: 40px;
    padding-bottom: 60px;
    min-width: 1600px;
    margin: auto;
}
#ness_onal .title p {
    margin-top: 10px;
    font-size: 22px;
}
#ness_onal .content ul li:first-child {
    margin-left: 0;
}
#ness_onal .content ul li {
    width: 23.5%;
    height: 360px;
    background: #fff;
    float: left;
    margin-left: 2%;
    display: inline-table;
}
#ness_onal .content dt {
    width: 158px;
    height: 158px;
    background: url(../images/onal.jpg) no-repeat center;
    margin: 45px auto;
    text-align: center;
    line-height: 159px;
    color: #fff;
    font-size: 24px;
}
#ness_onal .content dd {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
}
#ness_field {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #ffffff;
}
#ness_field .title p {
    font-size: 22px;
    margin-top: 10px;
}
#ness_field .content ul {}
#ness_field .content li {
    width: 23%;
    height: 75px;
    background: #ededed;
    line-height: 75px;
    text-align: center;
    border-radius: 5px;
    float: left;
    font-size: 18px;
    color: #333;
    margin: 0 1% 2%;
    box-sizing: border-box;
}
#ness_field .content li:nth-child(5n) {
    margin-right: 0;
}
#ness_field .content li:hover{
    background: #0099e6;
    color: #ffffff;
    font-weight:bold;
}
/* lanmuxiawenda */
#m09 {
  width: 100%;
  padding: 80px 0;
  background-color: #f8fafc;
  color: #182635;
  float: left;
  position: relative;
  overflow: hidden;
}

#m09 .title {
  text-align: center;
  margin-bottom: 60px;
  width: 100%;
}
#m09 .title h2 {
  font-size: 32px;
  position: relative;
  display: inline-block;
  margin: 0 0 15px 0;
  letter-spacing: 1px;
  color: #1f2937;
  padding: 0 0 15px;
  font-weight:800;
}
#m09 .title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    border-radius: 3px;
}
#m09 .title p {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

#m09 .content {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
#m09 .m09_l, .m09_r {
  width: 50%;
  text-align: left;
  background-color: #ffffff;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  display: block;
}
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
  font-style: normal;
}

#m09 .ft {
  border-bottom: 1px solid #e2e8f0;
  line-height: 60px;
  color: #182635;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#m09 .ft::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 80px;
  height: 3px;
  background-color: #1c85a4;
}
#m09 .ft h3 {
  font-size: 22px;
  font-weight: 600;
}
#m09 .content a {
  color: #182635;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
}
#m09 .ft span {
  color: #1c85a4;
  font-size: 16px;
  transition: all 0.3s ease;
}

#m09 .m09_l ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#m09 .m09_l li.on {
  line-height: 26px;
  background-color: #f8fafc;
  padding: 16px;
  border-radius: 8px;
  border-left: 3px solid #1c85a4;
}
#m09 .m09_l li {
  border-bottom: 1px solid #e2e8f0;
  line-height: 60px;
  font-size: 16px;
  padding: 0 8px;
  transition: all 0.3s ease;
}
#m09 .m09_l li:hover {
  background-color: #f8fafc;
  transform: translateY(-2px);
}
#m09 .m09_l li.on dt {
  line-height: 36px;
  margin-top: 0;
}
#m09 .m09_l li.on dd {
  margin-bottom: 0;
  color: #6b7785;
  text-indent: 2em;
  line-height: 1.8;
  margin-top: 8px;
}
#m09 .m09_l li i {
  color: #6b7785;
  font-size: 14px;
}

#m09 .list_r {
  height: 300px; 
  overflow: hidden; 
  position: relative;
}
#m09 .list_lh {
  height: 280px;
  margin-top: 10px;
  font-size: 16px;
  overflow: hidden;

}
#m09 .list_lh ul {
  height: auto; 
  margin: 0;
  padding: 0;
  list-style: none;
}
#m09 .list_lh li {
  height: 68px;
  line-height: 68px;
  border-bottom: 1px solid #e2e8f0;
  padding: 0 8px;
  transition: all 0.3s ease;
}
#m09 .list_lh li:hover {
  background-color: #f8fafc;
  transform: translateY(-2px);
}
#m09 .list_lh ul li i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/qa.png) no-repeat center left;
  vertical-align: middle;
  margin-right: 8px;
  filter: invert(34%) sepia(89%) saturate(727%) hue-rotate(174deg) brightness(92%) contrast(94%);
}
#m09 .list_lh .more {
  width: 100px;
  height: 30px;
  border: 1px solid #1c85a4;
  color: #1c85a4;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin-top: 13px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

#m09 .ft .fr:hover {
  color: #1c85a4;
  transform: translateX(4px);
}
#m09 .content li:hover a {
  color: #1c85a4;
}
#m09 .list_lh li:hover i {
  background: url(../images/qa1.png) no-repeat center left;
  filter: invert(34%) sepia(89%) saturate(727%) hue-rotate(174deg) brightness(92%) contrast(94%);
}
#m09 .list_lh li:hover .more {
  width: 104px;
  height: 32px;
  border: 0;
  background-color: #1c85a4;
  color: #ffffff;
  line-height: 32px;
  border-radius: 8px;
  transform: translateY(-1px);
}
/* */
.gsbg_m00 {
    text-align: center;
    background: #F5F5F5;
    height: 1160px;
    min-width: 1600px;
}
.gsbg-title {
    margin: 0 auto;
    padding: 80px 0 40px;
    text-align: center;
    min-width: 1600px;
}
.gsbg-title i {
    display: inline-block;
    width: 100px;
    height: 27px;
    background: url(../images/line.jpg) no-repeat center top;
    vertical-align: middle;
}
.gsbg-title label {
    margin: 0 20px;
    font-size: 50px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom, rgb(0, 153, 236), rgb(20, 11, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gsbg-title p {
    font-size: 22px;
    margin-top: 10px;
}
.gsbg_m00 .gsbg_m00-box {
    width: 90%;
    margin: 0 auto;
}
.gsbg_m00 .gsbg_m00-box .bg1 {
    margin-left: 0;
    background: #fff url(../images/gsbg_jyfw.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bg2 {
    background: #fff url(../images/gsbg_dz.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bg3 {
    background: #fff url(../images/gsbg_gd.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bg4 {
    margin-left: 0;
    margin-top: 30px;
    background: #fff url(../images/gsbg_fr.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bg5 {
    margin-top: 30px;
    background: #fff url(../images/gsbg_mc.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bg6 {
    margin-top: 30px;
    background: #fff url(../images/gsbg_zczj.png) no-repeat center 50px;
}
.gsbg_m00 .gsbg_m00-box .bgitem-title {
    font-size: 24px;
}
.gsbg_m00 .gsbg_m00-box .bgitem-desc {
    font-size: 20px;
    color: #8e8e8e;
    margin-top: 10px;
}
.gsbg_m00 .gsbg_m00-box .gsbg_m00-bgitem {
    width: 30.666%;
    height: 300px;
    padding-top: 150px;
    float: left;
    box-shadow: 0 0 10px 1px rgba(204,204,204,.1);
    text-align: center;
    box-sizing: border-box;
    margin: 0 4% 3% 0;
}
.gsbg_m00 .gsbg_m00-box .gsbg_m00-bgitem:nth-child(3n)  {
	margin-right:0;
}
.gsbg_m00 .gsbg_m00-box .gsbg_m00-bgitem:hover {
	transform: scale(1.03);
	box-shadow: 0 0 20px 1px rgba(204,204,204,.7);
}
.gsbg_m00 .zixun-desc {
    color: #0099e5;
    padding: 20px 0 20px;
    font-size: 20px;
}
.gsbg_m00 .zixun {
    width: 400px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    background: #0099E6;
    color: #fff;
    font-size: 18px;
}
.gsbg_m01 {
    width: 100%;
    height: 700px;
    color: #fff;
    background: url(../images/gsbg_fengxian_bg.jpg) no-repeat center;
    background-size: cover;
    min-width: 1600px;
}
#m01height {
    height: 860px;
}
#m01height .m01height2 {
    padding: 70px 0 30px;
}
.gsbg_m01 .gsbg-title p {
    color: #c9c9c9;
}
.gsbg_m01 .fx-box {
    width: 80%;
    margin: 0 auto;
    min-width: 1600px;
}
.gsbg_m01 .acv {
    letter-spacing: 2px;
}
.gsbg_m01 .fx1 {
    background: url(../images/gsbg_fakuan.png) no-repeat 75px bottom;
    padding-left: 150px !important;
}
.gsbg_m01 .fx2 {
    background: url(../images/gsbg_baisu.png) no-repeat 30px bottom;
}
.gsbg_m01 .fx3 {
    background: url(../images/gsbg_diaoxiao.png) no-repeat 68px 85px;
    padding-left: 150px !important;
}
.gsbg_m01 .fx4 {
    background: url(../images/gsbg_shouzhai.png) no-repeat 38px bottom;
}
.gsbg_m01 .zhuceren1 {
    background: url(../images/gsbg_fakuan.png) no-repeat 75px bottom;
    padding-left: 150px !important;
}
.gsbg_m01 .zhuceren2 {
    background: url(../images/gsbg_baisu.png) no-repeat 30px 125px;
}
.gsbg_m01 .zhuceren3 {
    background: url(../images/gsbg_diaoxiao.png) no-repeat 68px 126px;
    padding-left: 150px !important;
}
.gsbg_m01 .zhuceren4 {
    background: url(../images/gsbg_shouzhai.png) no-repeat 43px 124px;
}
.gsbg_m01 .gsbg_m01-fxitem {
    width: 41%;
    margin: 25px auto 35px;
    padding-left: 110px;
    float: left;
}
.gsbg_m01 .gsbg_m01-fxitem .buzhou {
    font-size: 48px;
}
.gsbg_m01 .gsbg_m01-fxitem .fx-title {
    font-size: 24px;
    text-shadow: 2px 2px 2px #FF0000;
}
.gsbg_m01 .gsbg_m01-fxitem .fx-subtitle {
    font-size: 15px;
    margin-top: 15px;
}
.gsbg_m02 .gsbg_m02-buzhou {
    width: 80%;
    margin: 0px auto;
    min-width: 1600px;
}
.gsbg_m02 .gsbg_m02-buzhou ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding-top: 125px;
    margin-bottom: 68px;
}
.gsbg_m02 .zhuceren-buzhou {
    width: 90%;
}
.gsbg_m02 .zhuceren-buzhou ul li {
    width: 16.6%;
    float: left;
    text-align: center;
    padding-top: 125px;
    margin-bottom: 68px;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.li1 {
    background: url(../images/gsbg_lc1.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.li2 {
    background: url(../images/gsbg_lc2.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.li3 {
    background: url(../images/gsbg_lc3.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.li4 {
    background: url(../images/gsbg_lc4.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.li5 {
    background: url(../images/gsbg_lc5.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li .lc-title {
    font-size: 20px;
}
.gsbg_m02 .gsbg_m02-buzhou ul li .lc-buzhou {
    font-size: 24px;
    color: #0099e6;
    margin-top: 10px;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren1 {
    background: url(../images/gsbg_lc1.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren2 {
    background: url(../images/gsbg_lc2.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren3 {
    background: url(../images/gsbg_lc3.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren4 {
    background: url(../images/gsbg_lc4.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren5 {
    background: url(../images/gsbg_lc5.png) no-repeat center top;
}
.gsbg_m02 .gsbg_m02-buzhou ul li.lizhuceren6 {
    background: url(../images/gsbg_lc6.png) no-repeat center top;
}
.gsbg_m03, .gsbg_m033 {
    width: 100%;
    background: #f3f3f3;
    height: 1050px;
}
.gsbg_m03 .gsbg_m03-box, .gsbg_m033 .gsbg_m03-box {
    width: 90%;
    height: 605px;
    margin: 0 auto;
    text-align: center;
}
.gsbg_m03 .zixun, .gsbg_m033 .zixun {
    width: 400px;
    height: 60px;
    margin: 0px auto 0;
    line-height: 60px;
    background: #0099E6;
    font-size: 18px;
}
.gsbg_m03 .zixun a, .gsbg_m00 .zixun a, .gsbg_m033 .zixun a{
    color:#ffffff;
}
.kjfw {
    overflow: hidden;
    display: block;
}
.kjfw-C {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    float:left;
    min-width: 1600px;
    padding-bottom: 60px;
}
.kjfw-ul {
    overflow: hidden;
}
.holder {
    position: relative;
    width: 22%;
    float: left;
    box-sizing: border-box;
    margin-right: 4%;
}
.kjfw-C .holder:nth-child(4n) {
    margin-right: 0;
}
.kjfw-ul_img {
    display: block;
    width: 100%;
}
.holder .kjfw-ul_img>img {
    -o-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.kjfw-ul_img>img {
    width: 468px;
    max-width: 100%;
}
.holder span {
    display: block;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-top: 0px;
    border-color: rgb(113, 3, 4);
}
.kjfw_tit {
    background-color: #efeeee;
    left: 0px;
    text-align: center;
    width: 100%;
    line-height: 50px;
    border-top: 2px solid #710304;
    max-width: 100%;
}
#ness_lead .bg2_img {
    position: absolute;
    bottom: -84px;
    /* left: -200px; */
    width: 1130px;
    height: 500px;
    background: url(../images/run.jpg) no-repeat center;
}

.sub-left{
    width: 76%;
    float: left;
}
.sub-right{
    width: 22%;
    float: right;
    box-sizing: border-box;
    padding-top: 28px;
}
.table-scroll-container {
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: 0;
}

.table-scroll-container table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin-left: 0;
  position: relative;
}

.table-scroll-container .firstRow {
  position: sticky;
  top: 0;
  z-index: 10;
}

.table-scroll-container th,
.table-scroll-container td {
  padding: 2px 1px;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
  width: calc(100% / 9);
  min-width: 0;
}

.table-scroll-container th[colspan="3"] {
  width: calc(100% / 2);
}

.table-scroll-container::-webkit-scrollbar {
  width: 8px;
  height: 0;
}
.table-scroll-container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.sub-left table{table-layout: fixed;}
.sub-left table th {
    border: 1px solid #c8c8c8;
    font-size: 20px;
    text-align: center;
    padding: 8px;
    width: calc(100% / 4);
}
.sub-left table td {
    font-size: 20px;
    text-align: center;
    border: 1px solid #c8c8c8;
    padding: 8px;
    width: calc(100% / 4);
}
.contact-panel {
    background-color: rgba(91,143,249,.08);
    margin-bottom: 3.33rem;
    padding: 2.5rem;
}
.contact-panel .addon-header {
    margin-bottom: 2.5rem;
}
.addon-header, .service-header {
    align-items: center;
    color: #15181f;
    display: flex;
    font-size: 2.17rem;
    font-weight: 400;
    line-height: 3.33rem;
    white-space: nowrap;
}
.addon-header-icon, .service-header-icon {
    background: #1c85a4;
    display: block;
    height: 2.5rem;
    margin-right: .83rem;
    padding: .5rem;
    width: 2.5rem;
}
.addon-header-icon .item-icon, .service-header-icon .item-icon {
    height: 100%;
    width: 100%;
}
.contact-panel .contact-content-line {
    align-items: center;
    display: flex;
}
.contact-panel .contact-content-line .item-content {
    color: rgba(0,0,0,.6);
    font-size: 20px;
    font-weight: 700;
    line-height: 2rem;
}
.contact-panel .contact-content-line+.contact-content-line {
    margin-top: .92rem;
}
.addon-panel{
    background-color: #ffffff;
}
.service-case {
    background-color: #cde5f7;
}
.addon-panel, .service-case {
    margin-bottom: 3.33rem;
    padding: 2.5rem 2.5rem 0.7rem 2.5rem;
}
.service-case li{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.67rem;
    position: relative;
}
.service-case li a{
    width:100%;
}
.service-case li img{
    max-width:100%;
}
.service-case li a p {
	color: #15181f;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	line-height: 45px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 45px;
	padding: 0 10px;
}
.service-case li a:hover p{ background:#1c85a4; color:#fff;}
.addon-panel .addon-header, .service-case .service-header {
    margin-bottom: 1.8rem;
}
.addon-panel .addon-main, .service-case .service-main {
    border-top: 1px solid rgba(151,151,151,.2);
    padding: 0 0 .32rem;
}
.resources-self {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.67rem;
    position: relative;
    padding-top: 2.5rem;
}
.resources-self .item-title {
    color: #15181f;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    line-height: 2rem;
}
.resources-self .item-title:hover {
    color:#1c85a4;
}
.resources-self .item-date {
    align-items: center;
    color: #908f8f;
    display: flex;
    font-size: 18px;
    margin-top: 1.08rem;
}
.resources-self .item-date .item-icon {
    height: 1.2rem;
    margin-right: .58rem;
    width: 1.2rem;
}
.resources-self:after {
    border-top: 1px solid rgba(151,151,151,.3);
    bottom: 0;
    content: " ";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 8.75rem;
}
.sub-right .service-customer {
    margin-top: 3.75rem;
    background-color: #1c85a4;
    padding: 3.75rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-image: url(../images/img-service-customer.png);
    position: sticky;
    top: 150px;
}
.sub-right .service-customer span{
    display: block;
    color: #fff;
    font-size: 2.0rem;
}
.sub-right .service-customer .comm-line-btn-white {
    margin-top: 3.75rem;
    display: block;
    width: 9.375rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: all .3s ease;
    font-size: 14px;
}
.sub-right .service-customer .comm-line-btn-white:hover {
    background-color: #abcd05;
    border-color: #abcd05;
    color: #fff;
    box-shadow: 0 10px 20px rgba(75, 135, 55, 0.3);
    transform: translateY(-3px);
}
#ness_lead_beianbiangeng, #ness_lead_zhucerenzhidu {
    width: 100%;
    height: 680px;
    background: #252933;
    overflow: hidden;
    min-width: 1600px;
}
#ness_lead_beianbiangeng .lead_ct, #ness_lead_zhucerenzhidu .lead_ct {
    height: 600px;
    position: relative;
    /* width: 1250px; */
    margin: 0 auto;
}
#ness_lead_beianbiangeng .bg2_img {
    position: absolute;
    bottom: -271px;
    left: -54px;
    width: 1100px;
    height: 800px;
    background: url(/tupian/ovRJfD.png) no-repeat center;
}
#ness_lead_zhucerenzhidu .bg2_img {
    position: absolute;
    bottom: -271px;
    /* left: -317px; */
    width: 1100px;
    height: 800px;
    background: url(../images/run.jpg) no-repeat center;
}
#ness_lead_beianbiangeng .title, #ness_lead_zhucerenzhidu .title {
    position: absolute;
    top: 40px;
    color: #fff;
    width: 100%;
    text-align: center;
}
#ness_lead_beianbiangeng .title p, #ness_lead_zhucerenzhidu .title p {
    font-size: 22px;
}
#ness_lead_beianbiangeng li.li1, #ness_lead_zhucerenzhidu li.li1 {
    position: absolute;
    top: 235px;
    left: 890px;
}
#ness_lead_beianbiangeng li.li2 ,#ness_lead_zhucerenzhidu li.li2 {
    position: absolute;
    top: 346px;
    left: 990px;
}
#ness_lead_beianbiangeng li.li3, #ness_lead_zhucerenzhidu li.li3 {
    position: absolute;
    top: 453px;
    left: 1100px;
}
#ness_lead_beianbiangeng li, #ness_lead_zhucerenzhidu li {
    width: 445px;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #333;
}
#ness_lead_beianbiangeng .last, #ness_lead_zhucerenzhidu .last {
    position: absolute;
    top: 544px;
    left: 1115px;
    color: #fff;
    line-height: 26px;
    font-size: 16px;
}

#business {
    width: 100%;
    background: #f9f9f9;
    padding-bottom: 8em;
    min-width: 1600px;
}
#business_center {
    width: 94%;
    margin: 0 auto;
}
.business_font {
    /* width: 1200px; */
    height: 82px;
    text-align: center;
    padding-top: 44px;
}
.business_font p {
    font-size: 50px;
    color: #333;
    margin-top: 18px;
    -webkit-animation: gdownIn 1s 0.7s both;
    -moz-animation: gdownIn 1s 0.7s both;
    animation: gdownIn 1s 0.7s both;
}
.business_font tg {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #555;
    display: block;
    line-height: 50px;
    -webkit-animation: gdownIn 1s 0.9s both;
    -moz-animation: gdownIn 1s 0.9s both;
    animation: gdownIn 1s 0.9s both;
}
#business_center ul.bankuai {
    animation: gdownIn 1s 1.2s both;
    margin: 110px auto 20px;
    overflow: auto;
}
#business_center .no_left {
    margin-left: 0px;
}
#business_center ul li {
    width: 22%;
    height: 300px;
    background: #fff;
    float: left;
    margin-left: 4%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#business_center ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
#business_center ul.bankuai .bankuai_bg {
    background: #d3433e;
    display: block;
    width: 100%;
    height: 100%;
    display: none;
}
#business_center ul.bankuai .pic1 {
    position: absolute;
    top: 0;
    right: 0;
}
#business_center ul.bankuai .mypng {
    display: block;
    height: 162px;
    width: 100%;
    text-align: center;
}
#business_center ul.bankuai .mypng em {
    display: inline-block;
    width: 100%;
    height: 103px;
    background-image: url(../images/tubiao-beianbiangeng.png);
    background-repeat: no-repeat;
    margin-top: 28px;
    background-size: 103px;
}
#business_center ul.bankuai .index_bg_04 .pic1 em {
    background-position: center -721px;
}
#business_center ul.bankuai .pic2 {
    position: absolute;
    top: 0;
    left: -100%;
}
#business_center ul.bankuai .index_bg_04 .pic2 em {
    background-position: center -618px;
}
#business_center ul.bankuai .text1 {
    position: absolute;
    top: 162px;
    right: 0;
}
#business_center ul.bankuai .text2, #business_center ul.bankuai .text1 {
    width: 100%;
}
#business_center ul li h2 {
    font-size: 25px;
    color: #333;
}
#business_center ul li p {
    font-size: 16px;
    color: #666;
    width: 217px;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
}
#business_center ul.bankuai .text2 {
    position: absolute;
    top: 152px;
    right: -100%;
}
#business_center ul.bankuai .text2 * {
    color: #fff;
}
.a-active {
	background: #d3433e;
	transition: .5s;
	-webkit-animation: .5s;
	-moz-transition: .5s;
}
#business_center ul.bankuai .index_bg_02 .pic1 em {
    background-position: center -309px;
}
#business_center ul.bankuai .index_bg_02 .pic2 em {
    background-position: center -206px;
}
#business_center ul.bankuai .index_bg_01 .pic1 em {
    background-position: center -103px;
}
#business_center ul.bankuai .index_bg_01 .pic2 em {
    background-position: center 0px;
}
#business_center ul.bankuai .index_bg_03 .pic1 em {
    background-position: center -515px;
}
#business_center ul.bankuai .index_bg_03 .pic2 em {
    background-position: center -412px;
}
#business .qq_icon_weixin {
    margin-top: 50px;
}
.qq_icon_weixin {
    margin: 40px auto 0;
    transition: all 0.6s ease-in-out;
}
.qq_icon {
    border: 1px solid #ff6a64;
    display: block;
    padding: 12px 55px 12px;
    color: #ff6a64;
    font-size: 16px;
    width: 110px;
    text-align: center;
}
.ixuqiu {
    padding: 4em 0 4em;
}
.testmonials {
    background: url(../images/bg_1.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.zcon {
    width: 94%;
    margin: 0 auto;
    min-width: 1600px;
}
.client-sys {
    margin-top: 5px;
    width: 60%;
    float: left;
}
.gallery {
    position: relative;
}
.gallery .item {
    /* height: 100%; */
    overflow: hidden;
    text-align: left;
    margin: 0 20px 0 0;
}
.gallery .item h3 {
    font-weight: bold;
    font-size: 50px;
    margin: 0;
    padding: 0.3em 0;
    text-align: left;
    color: #fff;
}
.ixuqiu .client-says {
    margin-bottom: 30px;
    color: #acacac;
}
.client-says {
    font-weight: 100;
    font-size: 20px;
    margin: 1em 60px 0 0;
    text-indent: 0;
    line-height: 1.9em;
}
.ixuqiu .ixq_item {
    margin-bottom: 30px;
    color: #fff;
}
.ixuqiu .ixuqiu-kuandu {
    width: 90%;
    margin: 0 auto;
    min-width:  1600px;
}
.ixuqiu .ixq_item i {
    display: inline-block;
    float: left;
    width: 61px;
    height: 61px;
    line-height: 62px;
    font-family: 'Impact';
    text-align: center;
    background: #ff6a64;
    color: #fff;
    margin-right: 15px;
    font-size: 37px;
    font-style: normal;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    -ms-transition: 0.4s all;
}
.ixuqiu .ixq_item h4 {
    font-size: 22px;
    padding-top: 1px;
    font-weight: 400;
}
.ixuqiu .ixq_item p {
    color: #acacac;
    font-size: 16px;
    text-align:left;
}
.ixuqiu .client-pic {
    padding-top: 145px;
    width: 40%;

    float: left;
    text-align: center;
}
#services {
    padding: 4em 0 6em;
    text-align: center;
}
#services h3 {
    font-size: 50px;
    font-weight: 900;
    margin: 0.6em 0;
}
#services .service_h {
    color: #888;
    font-size: 20px;
    margin-bottom: 35px;
}
.services-list ul {
    margin: 0 -2px;
    padding: 1.2em 0 3.5em 0;
}
.services-list li {
    width: 11.5%;
    margin: 0 0.5% 1%;
    padding: 0;
    background: #e6e6e6;
    height: 200px;
    position: relative;
    display: block;
    float: left;
}
.services-list li:hover {
    box-shadow:2px 2px 10px #909090;
    background: #efefef;
}
.services-list li span.service-icon {
    background-position: -41px 17px;
}
.services-list li span.service-icon1 {
    background-position: -212px 14px;
}
.services-list li span.service-icon2 {
    background-position: -386px 17px;
}
.services-list li span.service-icon3 {
    background-position: -558px 17px;
}
.services-list li span.service-icon4 {
    background-position: -730px 16px;
}
.services-list li span.service-icon5 {
    background-position: -902px 17px;
}
.services-list li span.service-icon6 {
    background-position: -1075px 17px;
}
.services-list li span.service-icon7 {
    background-position: -41px -155px;
}
.services-list li span.service-icon8 {
    background-position: -212px -155px;
}
.services-list li span.service-icon9 {
    background-position: -386px -155px;
}
.services-list li span.service-icon10 {
    background-position: -558px -155px;

}
.services-list li span.service-icon11 {
    background-position: -730px -155px;
}
.services-list li span.service-icon12 {
	background-position: -902px -155px;
}
.services-list li span.service-icon13 {
	background-position: -1075px -155px;
}
.services-list li:hover label {
    margin-top: 1.1em;
}
.services-list li span {
    width: 84px;
    height: 108px;
    display: inline-block;
    background: url(../images/bg_5_zhucebiangeng.png) no-repeat 0px 0px;
}
.services-list li label {
    display: block;
    font-weight: 300;
    font-size: 20px;
    margin: 20px 0 0;
    color: #444;
    height: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0 1em;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    -ms-transition: 0.4s all;
    box-sizing: border-box;
    line-height: 24px;
}
.isuccess {
    background: url(../images/h07.jpg) center top no-repeat;
    background-size: cover;
    padding: 80px 0 75px;
    min-width: 1600px;
}
.isuccess .succeed {
    width: 100%;
    animation: animatedBackground 30s linear infinite;
    -webkit-animation: animatedBackground 30s linear infinite;
    -moz-animation: animatedBackground 30s linear infinite;
    margin-bottom: 45px;
}
.isuccess .succeed .succeed_title {
    text-align: center;
    color: #fff;
}
.isuccess .succeed .succeed_title h2 {
    font-size: 50px;
    line-height: 34px;
    margin-bottom: 20px;
}
.isuccess .succeed .succeed_title p {
    color: #acacac;
    font-size: 20px;
    text-transform: uppercase;
}
.zcon .da-thumbs {
    width: 100%;
    position: relative;
    font-size: 0;
    margin: 0 auto;
}
.zcon .da-thumbs li a>img {
    width: 100%;
    max-width: 100%;
    transform: scale(1);
    transition: all 0.6s ease-in-out;
}
.zcon .da-thumbs li {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    padding: 0 1%;
    box-sizing: border-box;
}
.zcon .da-thumbs li a:hover>img {
	transform: scale(1.1);
	transition: all 0.4s ease-in-out;
}
.sol_cont {
    padding: 70px 0;
    box-sizing: border-box;
}
.sol_cont .sol_ h4 {
    text-align: center;
    font-size: 42px;
    line-height: 35px;
}
.sol_cont .sol_ .sol_tab .bt_cont {
    margin: 60px 0;
}
.sol_cont .sol_ .sol_tab .bt_cont #solu_ {
    overflow: hidden;
    display: block;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item {
    width: 25%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
    background: #fff;
    padding: 18px;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a {
    display: block;
    width: 100%;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a img {
    display: block;
    width: 100%;
    height: 278px;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a {
    display: block;
    width: 100%;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a h4 {
    font-size: 22px;
    font-weight: bold;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #444;
    margin-top: 22px;
    transition: 0.5s;
    text-align: left;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item p {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    margin-top: 16px;
    color: #666;
    height: 90px;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont {
    margin-top: 22px;
    overflow: hidden;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont span:nth-child(1) {
    float: left;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont span {
    font-size: 15px;
    line-height: 15px;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont span:nth-child(2) {
    float: right;
    margin-right: 2px;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont {
    float: left;
    width: 41%;
    box-sizing: border-box;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item {
    overflow: hidden;
    margin-bottom: 33px;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a {
    display: block;
    width: 100%;
    overflow: hidden;
    transition: 0.5s;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont {
    float: left;
    width: 11%;
    background: #ff6a64;
    color: #fff;
    text-align: center;
    margin-right: 2%;
    position: relative;
    max-width: 85px;
    height: 85px;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ {
    position: absolute;
    height: 71px;
    width: 71px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ span:nth-child(1) {
    font-size: 30px;
    font-weight: bold;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ span {
    display: block;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ span:nth-child(2) {
    font-size: 16px;
    margin-top: 0px;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont i {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info {
    float: left;
    width: 86%;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info h5 {
    font-size: 22px;
    line-height: 19px;
    font-weight: bold;
    color: #444;
    margin-bottom: 12px;
    margin-top: 5px;
}
.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info .item_info {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
}
.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item:hover {
    box-shadow:2px 2px 10px #909090;
    background: #ffffff;
}

.web-content-1 {
    margin-top: 70px;
    margin-bottom: 50px;
}
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}
.uk-container {
    width: 94%;
    padding: 10px 0px 60px;
    box-sizing: border-box;
    min-width:  1600px;
}
.uk-container:after, .uk-container:before {
    content: "";
    display: table;
}
.web-title-1 {
    text-align: center;
    font-size: 50px;
    line-height: 30px;
}
.uk-animation-scale-up {
    animation-name: uk-fade-scale-02;
}
[class*=uk-animation-] {
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}
.web-title-1 span {
    display: block;
    font-size: 22px;
    color: #666;
    /* background: url(../images/web-title-bg.gif) no-repeat center center; */
    margin-top: 24px;
    font-weight: normal;
}
.uk-grid-collapse {
    margin-left: 0;
}
.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.uk-grid:after, .uk-grid:before {
    content: "";
    display: block;
    overflow: hidden;
}
.uk-scrollspy-init-inview {
    position: relative;
}
.uk-width-medium-1-3, .uk-width-medium-2-6 {
    width: 27.333%;
}
.uk-text-center {
    width: 16.333%;
}
.weixin-content-2 .uk-text-center {
    text-align:center;
    width: 100%;
}
[class*=uk-width] {
    box-sizing: border-box;
}
.uk-grid-collapse>* {
    padding-left: 0;
}
.uk-grid>* {
    flex: none;
    margin: 40px auto;
    float: left;
}
.uk-grid>*>:last-child {
    margin-bottom: 0;
}
.web-content1-box {
    margin-top: 110px;
}
.uk-text-right {
    text-align: right!important;
}
.web-content1-box h3 {
    margin-top: 40px;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 24px;
}
.web-content1-box p {
    color: #666;
    line-height: 1.8em;
    margin-top: 10px;
    font-size: 16px;
}
.uk-text-center {
    text-align: center;
}
.weixin-content-2 {
    background: #f2f2f2;
    /* padding: 60px 0 55px; */
}
.web-title-2 {
    text-align: center;
    font-size: 50px;
    line-height: 30px;
    margin: 60px 0 0;
}
.web-title-2 span {
    display: block;
    font-size: 20px;
    color: #666;
    margin-top: 24px;
    margin-bottom: 5px;
    font-weight:  normal;
}
.weixin-content2-box {
    margin-top: 35px;
    text-align: center;
}
.weixin-content-2 .uk-width-medium-1-3 {
    padding: 0px 25px 20px;
    background: #ffffff;
    margin: 35px auto;
}
.weixin-content-2 .uk-width-medium-1-3 a {
    cursor: text;
    background: url(../images2/onal.jpg) no-repeat center;
    height: 178px;
    display: block;
}
.weixin-content-2 .uk-width-medium-1-3:hover {
    -webkit-box-shadow: 2px 2px 10px #909090;
}
.weixin-content2-box i {
    font-size: 60px;
}
.uk-icon-home:before {
    background: url(/templets/default/css/nessserv1.png)no-repeat center bottom;
    height: 20px;
}
.weixin-content2-box h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 41px auto 0;
    color: #ffffff;
    width: 100px;
    padding-top: 57px;
}
.weixin-content2-box p {
    font-size: 16px;
    margin-top: 40px;
    line-height: 27px;
    margin-bottom: 10px !important;
}
.qq_icon_weixin:hover {
    background: #d3433e;
    color: #fff;
    font-weight: bold;
}
.weixin-content-3 {
    background: url(../images/news_bg_zhuceyanxu.jpg) no-repeat top center;
    background-size: cover;
    min-width: 1600px;
}
.weixin-content3-box {
    margin-top: 30px;
    margin-bottom: 60px;
}
.uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 {
    width: 50%;
}
.uk-width-medium-1-2zuotu{
    width: 18%;
}
.uk-width-medium-1-2youwen{
    width: 45%;
}
.weixin-content3-box p {
    background: url(../images/squ-icon-red.gif) no-repeat left 25px;
    padding: 10px 0 10px 13px;
    font-size: 18px;
    border-bottom: #BFBFBF 1px dotted;
    letter-spacing: 2px;
}
.weixin-content3-box p:hover{
    font-weight: bold;
    -webkit-box-shadow: 2px 2px 10px #909090;
    padding: 10px 0 10px 13px;
    border-radius: 10px;
}
.weixin-content3-box p strong{
    font-size: 22px;
}
.wx-view-btn {
    background: #f2f2f2;
    border: #e0e0e0 1px solid;
    color: #666;
    padding: 4px 30px;
    display: inline-block;
    margin-top: 25px;
    font-size: 15px;
    transition: all 0.5s;
}
.wx-view-btn:hover{
	background:#d3433e;
	color:#fff;
	border:#d3433e 1px solid;
}
.web-content-5 {
    margin: 80px 0 10px;
}
.web-content5-box {
    overflow: hidden;
    background: url(../images/lc-bg.gif) no-repeat;
    width: 180px;
    height: 207px;
}
.web-content5-box:hover {
    background: url(../images/lc-bg-hover.gif) no-repeat;
}
.uk-grid-top {
    margin-top:30px;
}
.web-content5-bigbox {
    text-align:center;
}
.web-content5-box span {
    display: block;
    margin-top: 16px;
    color: #fff;
}
.web-content5-box h3 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 47px;
    font-weight:normal;
}
.web-content5-box:hover h3 {
    color: #d3433e;
    font-weight: bold;
}
.web-content5-box p {
    color: #999;
    margin-top: 15px;
}
.mb70 {
    margin: 70px 0;
    min-width: 1600px;
}
.index-service .content-box {
    text-align: center;
    position: relative;
}
.index-service .container-custom {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.index-service .content-box .title-box {
}
.index-service .title-box h2 {
    clear: both;
    display: table;
    margin: 0 auto;
}
.index-service .content-box h2 {
    color: #333;
    text-align: center;
    position: relative;
    padding: 0;
    padding-bottom: 8px;
    font-size: 50px;
    font-weight: bold;
}
.index-service .content-box h2:after {
    margin-left: 0;
    transform: translateX(-50%);
}
.index-service .content-box h2:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 35px;
}
.index-service .row {
    content: " ";
    display: table;
    width: 94%;
    margin: auto;
    min-width: 1600px;
}
.index-service .col-item {
    position: relative;
    margin-bottom: 30px;
}
.index-service .col-md-4 {
    width: 31.06%;
    float: left;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
}
.index-service .col-item .imgbox{
    overflow: hidden;
    position: relative;
    height: 280px;
}
.index-service .col-item .imgbox img {
    float: none;
    height: auto;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}
.index-service .col-item .photo {
    display: block;
    transition: all 0.5s;
}
.index-service .col-item.type2 .type {
    background: url(../images/type2.png);
}
.index-service .col-item .type {
    top: 0px;
    left: 21px;
    position: absolute;
    padding: 11px 28px;
    text-align: center;
    max-width: 90%;
    z-index: 8;
}
.index-service .col-item .type span {
    color: #fff;
    font-size: 19px;
    display: block;
    width: 100%;
    height: 100%;
}
.index-service .col-item .textbox {
    padding-top: 25px;
}
.index-service .col-item .textbox {
    background: #f8f8f8;
    text-align: left;
    padding: 32px 28px 36px 28px;
}
.index-service .col-item .textbox .overtext {
    height: 150px;
}
.index-service .col-item .textbox .overtext .title {
    max-height: 116px;
    -webkit-line-clamp: 4;
}
.index-service .col-item .textbox .overtext .title {
    height: auto;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.index-service .col-item .textbox .title {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.625em;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.index-service .col-item .textbox .info {
    height: 46px;
}
.index-service .col-item .textbox .info {
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 0px;
}
.index-service .col-item .textbox .info .address {
    display: inline-block;
    margin-right: 18px;
}
.index-service .col-item .textbox .info .address span {
    margin-top: -3px;
    display: inline-block;
    font-weight: bold;
}
.index-service .col-item .textbox .info span {
    vertical-align: middle;
    margin-right: 6px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.index-service .icon-yonghu:before {
    content: "\e605";
}
.index-service .col-item .textbox .info .time {
    display: inline-block;
}
.index-service .col-item .textbox .info .time span {
    margin-top: -3px;
    display: inline-block;
    font-weight: normal;
}
.index-service .icon-shijian:before {
    content: "\e8c5";
}
.index-service .col-item .textbox .overtext .text {
    display: block;
    overflow: hidden;
}
.index-service .col-item .textbox .overtext .text {
    height: auto;
}
.index-service .col-item .textbox .text {
    margin-bottom: 0;
}
.index-service .col-item .textbox .text {
    font-size: 14px;
    line-height: 1.6875em;
    color: #666;
    clear: both;
    width: 100%;
    text-align: left;
}
.index-service .news-item {
    overflow: hidden;
    position: relative;
    text-align: left;
}
.index-service .news-item .list-box {
    background: #f8f8f8;
    padding: 44px 20px 0 28px;
}
#scroller {
    overflow: auto;
}
.index-service .col-item.news-item .type {
    background: url(../images/type2.png);
}
.index-service .news-item a {
    margin: 6% 0;
}
.index-service .col-item a {
    display: block;
    overflow: hidden;
}
.index-service .news-item a h4 {
    font-size: 20px;
    line-height: 1.625em;
}
.index-service .news-item a .time {
    font-size: 14px;
    color: #666;
}
.index-service .col-item a:hover .imgbox img {
    -webkit-transform: translateY(-50%) scale(1.05);
    -ms-transform: translateY(-50%) scale(1.05);
    transform: translateY(-50%) scale(1.05);
    left: 0;
    top: 50%;
    width: 100%;
    height: auto;
}
.index-service .type2 a:hover .textbox{
    background-color: #f2f2f2;
}
.index-service .news-item a:hover .time {
    color: #02276c;
}

.artical {
    padding: 60px 0 80px;
}
.art_title {
    text-align: center;
}
.art_title.active h4 {
    margin-top: 20px;
    transition: 0.6s;
}
.art_title h4 {
    font-size: 50px;
    line-height: 32px;
    color: #3d434b;
    font-weight: bolder;
}
.art_title.active p {
    margin-top: 27px;
    transition: 0.5s;
}
.art_title p {
    font-size: 20px;
    line-height: 24px;
    color: #606060;
}
.artical01 .artical01_ .art_info {
    background: url(../images/056.png) no-repeat top center;
    margin-top: 50px;
    overflow: hidden;
    background-size: 100%;
}
.artical01 .artical01_ .art_info .info_item {
    width: 20%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    margin-top: 60px;
    padding: 0 40px;
}
.artical01 .artical01_ .art_info .info_item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.artical01 .artical01_ .art_info .info_item h4 {
    font-size: 24px;
    color: #4c535a;
    line-height: 40px;
}
.artical01 .artical01_ .art_info .info_item p {
    display: block;
    color: #606060;
    font-size: 18px;
    margin-bottom:10px;
    margin-top: 10px;
}
.artical01 .artical01_ .art_info .info_item span {
    font-size: 14px;
    line-height: 26px;
}
.zx_btn {
    text-align: center;
    border-radius: 5px;
    transition: 0.5s;
    width: 230px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 80px;
    border: 2px solid #4c535a;
    color: #4c535a;
}
.zx_btn a {
    display: block;
    font-size: 24px;
}
.zx_btn:hover a {
  color: #fff;
}
.zx_btn:hover {
  background: #3d434b;
}
.artical02 {
    background: #f7f7f7;
}
.artical02 .artical02_ .art_info {
    margin-top: 50px;
    overflow: hidden;
}
.artical02 .artical02_ .art_info .info_item {
    width: 31.3%;
    height: 380px;
    float: left;
    text-align: center;
    padding: 25px;
    margin: 1%;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.artical02 .artical02_ .art_info .info_item img {
    display: block;
    margin: 0 auto;
}
.artical02 .artical02_ .art_info .info_item h4 {
    font-size: 28px;
    color: #4c535a;
    line-height: 28px;
}
.artical02 .artical02_ .art_info .info_item p {
    font-size: 18px;
    color: #606060;
    line-height: 30px;
    margin-top: 30px;
}
.artical03 .artical03_ .art_info {
    margin-top: 50px;
    overflow: hidden;
}
.artical03 .artical03_ .art_info .info_item {
    overflow: hidden;
    box-sizing: border-box;
}
.artical03 .artical03_ .art_info .info_item .item_head {
    width: 17%;
    height: 320px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    float: left;
    background: #d3433e;
    text-align: center;
}
.artical03 .artical03_ .art_info .info_item .item_head i {
    display: inline-block;
    text-align: center;
    font-size: 52px;
    color: #fff;
    margin: 0 auto;
    line-height: 72px;
    vertical-align: middle;
}
.artical03 .artical03_ .art_info .info_item .item_head u {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.artical03 .artical03_ .art_info .info_item .item_tail {
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    width: 83%;
}
.artical03 .artical03_ .art_info .info_item .item_tail span {
    display: block;
    width: 25%;
    height: 320px;
    float: left;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    padding: 1.5%;
    text-align: center;
    color: #4c535a;
}
.artical03 .artical03_ .art_info .info_item .item_tail span img {
    display: block;
    margin: 34px auto;
}
.artical03 .artical03_ .art_info .info_item .item_tail span h4 {
    font-size: 24px;
    margin-top: 20px;
}
.artical03 .artical03_ .art_info .info_item .item_tail span p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
}
.artical04 {
  background: #f7f7f7;
}
.artical04 .artical04_ .art_info {
  margin-top: 50px;
}
.artical04 .artical04_ .art_info .art_tab {
  float: left;
  margin-right: 30px;
}
.artical04 .artical04_ .art_info .art_tab .tab {
  width: 400px;
  height: 250px;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 30px;
  cursor: pointer;
}
.artical04 .artical04_ .art_info .art_tab .tab span {
  display: block;
  transition: 0.5s;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #fff;
  box-sizing: border-box;
  text-align: center;
}
.artical04 .artical04_ .art_info .art_tab .tab span b {
  display: block;
  transition: 0.5s;
  margin-top: 60px;
  font-size: 30px;
  color: #4c535a;
}
.artical04 .artical04_ .art_info .art_tab .tab span i {
  display: block;
  margin-top: 20px;
  color: #606060;
  font-size: 18px;
}
.artical04 .artical04_ .art_info .art_tab .tab:hover span {
  transition: 0.5s;
  box-sizing: border-box;
  border: 1px solid #d3433e;
}
.artical04 .artical04_ .art_info .art_tab .tab:hover span b {
  transition: 0.5s;
  color: #d3433e;
}
.artical04 .artical04_ .art_info .art_tab .tab.active span {
  transition: 0.5s;
  box-sizing: border-box;
  border: 1px solid #d3433e;
}
.artical04 .artical04_ .art_info .art_tab .tab.active span b {
  transition: 0.5s;
  color: #d3433e;
}
.artical04 .artical04_ .art_info .art_box {
  overflow: hidden;
}
.artical04 .artical04_ .art_info .art_box .art_item {
  display: none;
}
.artical04 .artical04_ .art_info .art_box .art_item span {
  width: 48%;
  height: 156px;
  display: block;
  background: #fff;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.artical04 .artical04_ .art_info .art_box .art_item span img {
  float: left;
  margin-right: 20px;
  width: 120px;
}
.artical04 .artical04_ .art_info .art_box .art_item span .wd_ h4 {
  font-size: 28px;
  color: #4c535a;
  margin-top: 10px;
}
.artical04 .artical04_ .art_info .art_box .art_item span .wd_ p {
  font-size: 18px;
  color: #606060;
  margin-top: 13px;
  line-height: 24px;
}
.artical04 .artical04_ .art_info .art_box .art_item span:nth-child(2n) {
  margin-right: 0;
}
.artical04 .artical04_ .art_info .art_box .art_item1 {
  display: block;
}
.artical04 .artical04_ .art_info .art_box .art_item2 span {
  height: 249px;
  width: 48%;
  padding: 30px;
}
.artical04 .artical04_ .art_info .art_box .art_item2 span .tt_ {
  overflow: hidden;
  line-height: 63px;
}
.artical04 .artical04_ .art_info .art_box .art_item2 span .tt_ img {
  height: 100px;
  width: 100px;
}
.artical04 .artical04_ .art_info .art_box .art_item2 span .tt_ h4 {
  color: #4c535a;
  font-size: 28px;
  line-height: 100px;
}
.artical04 .artical04_ .art_info .art_box .art_item2 span .wd_ {
  font-size: 18px;
  color: #606060;
  line-height: 24px;
  margin-top: 28px;
}
.artical05 .artical05_ .art_info {
  position: relative;
  margin-top: 80px;
  overflow: hidden;
}
.artical05 .artical05_ .art_info ._item {
  width: 49%;
  float: left;
  box-sizing: border-box;
  margin: 0 0.5%;
}
.artical05 .artical05_ .art_info ._item .inner_item {
  margin-bottom: 30px;
}
.artical05 .artical05_ .art_info .left_item {
  text-align: right;
}
.artical05 .artical05_ .art_info .left_item .inner_item:nth-child(1) {
  padding-right: 170px;
}
.artical05 .artical05_ .art_info .left_item .inner_item:nth-child(2) {
  padding-right: 200px;
}
.artical05 .artical05_ .art_info .left_item .inner_item:nth-child(3) {
  padding-right: 200px;
}
.artical05 .artical05_ .art_info .left_item .inner_item:nth-child(4) {
  padding-right: 170px;
}
.artical05 .artical05_ .art_info .left_item .inner_item {
  overflow: hidden;
}
.artical05 .artical05_ .art_info .left_item .inner_item img {
  float: right;
  display: block;
}
.artical05 .artical05_ .art_info .left_item .inner_item span {
  float: right;
  display: block;
  color: #4c535a;
  margin-right: 20px;
}
.artical05 .artical05_ .art_info .left_item .inner_item span h4 {
  font-size: 24px;
  margin-top: 6px;
}
.artical05 .artical05_ .art_info .left_item .inner_item span p {
  font-size: 13px;
  margin-top: 15px;
}
.artical05 .artical05_ .art_info .right_item {
  text-align: left;
}
.artical05 .artical05_ .art_info .right_item .inner_item:nth-child(1) {
  padding-left: 170px;
}
.artical05 .artical05_ .art_info .right_item .inner_item:nth-child(2) {
  padding-left: 200px;
}
.artical05 .artical05_ .art_info .right_item .inner_item:nth-child(3) {
  padding-left: 200px;
}
.artical05 .artical05_ .art_info .right_item .inner_item:nth-child(4) {
  padding-left: 170px;
}
.artical05 .artical05_ .art_info .right_item .inner_item {
  overflow: hidden;
}
.artical05 .artical05_ .art_info .right_item .inner_item img {
  float: left;
  display: block;
}
.artical05 .artical05_ .art_info .right_item .inner_item span {
  float: left;
  display: block;
  color: #4c535a;
  margin-left: 14px;
}
.artical05 .artical05_ .art_info .right_item .inner_item span h4 {
  font-size: 24px;
  margin-top: 6px;
}
.artical05 .artical05_ .art_info .right_item .inner_item span p {
  font-size: 13px;
  margin-top: 15px;
}
.artical05 .artical05_ .art_info .center_item {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
}
.artical05 .artical05_ .art_info .center_item img {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.artical06 {
  background: #f7f7f7;
}
.artical06 .artical06_ .art_info {
  margin-top: 60px;
  background: #fff;
  overflow: hidden;
}
.artical06 .artical06_ .art_info .head_tab {
  height: 100px;
  border-bottom: 1px solid #cccccc;
}
.artical06 .artical06_ .art_info .head_tab span {
  display: block;
  width: 25%;
  box-sizing: border-box;
  float: left;
  height: 100px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.artical06 .artical06_ .art_info .head_tab span i {
  position: absolute;
  display: block;
  /* width: 220px; */
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
}
.artical06 .artical06_ .art_info .head_tab span i img {
  margin: 0 auto;
}
.artical06 .artical06_ .art_info .head_tab span i img.nor {
  display: block;
  height: 100px;
}
.artical06 .artical06_ .art_info .head_tab span i img.on {
  display: none;
  height: 100px;
}
.artical06 .artical06_ .art_info .head_tab span.active i {
  border-bottom: 2px solid #d3433e;
}
.artical06 .artical06_ .art_info .head_tab span.active i img.nor {
  display: none;
}
.artical06 .artical06_ .art_info .head_tab span.active i img.on {
  display: block;
}
.artical06 .artical06_ .art_info .tab_info_cont {
  height: 320px;
}
.artical06 .artical06_ .art_info .tab_info_cont .tab_info_item:nth-child(1) {
  display: block;
}
.artical06 .artical06_ .art_info .tab_info_cont .tab_info_item {
  padding: 65px 40px;
  display: none;
}
.artical06 .artical06_ .art_info .tab_info_cont .tab_info_item h4 {
  font-size: 30px;
  color: #4c535a;
}
.artical06 .artical06_ .art_info .tab_info_cont .tab_info_item .intrl_ {
  font-size: 18px;
  color: #606060;
  margin-top: 30px;
  line-height: 30px;
}
.artical06 .artical06_ .art_info .tab_info_cont .tab_info_item p {
  font-size: 18px;
  color: #d3433e;
  margin-top: 30px;
}
.artical07 .artical07_ .art_info {
  margin-top: 60px;
  overflow: hidden;
}
.artical07 .artical07_ .art_info .left_item {
  float: left;
  width: 370px;
}
.artical07 .artical07_ .art_info .left_item .fa_title {
  font-size: 24px;
  line-height: 24px;
  color: #4c535a;
  border-left: 4px solid #d3433e;
  padding-left: 10px;
  box-sizing: border-box;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa {
  overflow: hidden;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_banner {
  margin-top: 28px;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_banner img {
  display: block;
  width: 100%;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title {
  margin-top: 15px;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title h4 {
  font-size: 20px;
  color: #606060;
  line-height: 20px;
  float: left;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a {
  font-size: 16px;
  line-height: 16px;
  color: #b6b6b6;
  float: right;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a img {
  display: none;
  float: left;
  margin-top: 5px;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a img:nth-child(1) {
  display: block;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a:hover {
  color: #d3433e;
  border-bottom: 1px solid #d3433e;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a:hover img:nth-child(1) {
  display: none;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide .slide_title a:hover img:nth-child(2) {
  display: block;
}
.artical07 .artical07_ .art_info .left_item .swiper-container_fa .swiper-wrapper .swiper-slide p {
  font-size: 16px;
  color: #999999;
  line-height: 24px;
  margin-top: 15px;
}
.artical07 .artical07_ .art_info .left_item .slide_tab {
  margin-top: 15px;
}
.artical07 .artical07_ .art_info .left_item .slide_tab span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  margin-right: 5px;
  transition: 0.5s;
  cursor: pointer;
}
.artical07 .artical07_ .art_info .left_item .slide_tab span:hover {
  width: 45px;
  background: #999999;
  border-radius: 8px;
  transition: 0.5s;
}
.artical07 .artical07_ .art_info .left_item .slide_tab span.active {
  width: 45px;
  background: #999999;
  border-radius: 8px;
  transition: 0.5s;
}
.artical07 .artical07_ .art_info .left_item .slide_lists {
  margin-top: 25px;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item {
  overflow: hidden;
  margin-top: 15px;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item h4 {
  font-size: 18px;
  color: #606060;
  line-height: 20px;
  float: left;
  font-weight: 400;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a {
  font-size: 16px;
  line-height: 16px;
  float: right;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  color: #b6b6b6;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a img {
  display: none;
  float: left;
  margin-top: 5px;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a img:nth-child(1) {
  display: block;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a:hover {
  border-bottom: 1px solid #d3433e;
  color: #d3433e;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a:hover img:nth-child(1) {
  display: none;
}
.artical07 .artical07_ .art_info .left_item .slide_lists .list_item a:hover img:nth-child(2) {
  display: block;
}
.artical07 .artical07_ .art_info .right_item {
  float: left;
  overflow: hidden;
  width: 100%;
}
.artical07 .artical07_ .art_info .right_item .fa_title {
  font-size: 24px;
  line-height: 24px;
  color: #4c535a;
  border-left: 4px solid #d3433e;
  padding-left: 10px;
  box-sizing: border-box;
  margin-left: 58px; */
}
.artical07 .artical07_ .art_info .right_item .td_list {
  margin-top: 40px;
  overflow: hidden;
}
.artical07 .artical07_ .art_info .right_item .td_list .td_item {
  width: 16.6%;
  float: left;
  text-align: center;
}
.artical07 .artical07_ .art_info .right_item .td_list .td_item img {
  display: block;
  height: 138px;
  margin: 0 auto;
}
.artical07 .artical07_ .art_info .right_item .td_list .td_item span {
  display: block;
  margin-top: 30px;
  color: #4c535a;
  font-size: 18px;
  line-height: 18px;
}
.artical07 .artical07_ .art_info .right_item .aside_center {
  margin: 5px 0;
}
.artical07 .artical07_ .art_info .right_item .aside_center img {
  display: block;
  margin: 0 auto;
  width: 97%;
}
.artical07 .artical07_ .art_info .right_item .bottom_td {
  text-align: center;
  overflow: hidden;
}
.artical07 .artical07_ .art_info .right_item .bottom_td span {
  display: block;
  width: 16.6%;
  float: left;
  box-sizing: border-box;
  color: #4c535a;
  font-size: 18px;
  line-height: 27px;
}
.sw_bgbox {
    padding-bottom: 60px;
    min-width:  1600px;
}
.bgf1 {
    background: #f1f4f7;
    min-width:  1600px;
}
.s_title {
    padding-bottom: 45px;
    padding-top: 70px;
    text-align: center;
}
.s_title .ZN {
    font-size: 42px;
    line-height: 45px;
    color: #4b4c4d;
    font-weight: 400;
}
.rubberBand {
    animation-name: rubberBand;
}
.s_title .EN {
    font-size: 20px;
    color: #b9bcbd;
    padding: 13px 0 10px;
    font-weight: 400;
}
.s_title .bar {
    display: block;
    height: 4px;
    width: 60px;
    background: #ff6a64;
    border-radius: 2px;
    margin: 10px auto;
    margin-bottom: 0px;
}
.s_contentBox {
    position: relative;
}
.sw_bgbox .what {
    text-align: center;
    overflow: hidden;
}
.small {
    width: 94%;
    margin: 0 auto;
}
.whatBox {
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    width: 31.3333333333%;
    /* height: 520px; */
    margin-right: 3%;
    margin-bottom: 40px;
    padding: 30px;
    float: left;
    letter-spacing: 2px;
}
.whatBox:hover {
    -webkit-box-shadow: 2px 2px 10px #909090;
}
.sw_bgbox .what .sw_imgBox {
    width: 100px;
    height: 100px;
    display: inline-block;
    -webkit-transition: top 0.4s;
    position: relative;
    top: 50px;
}
.sw_bgbox .what .sw_imgBox:hover {
top:2px;
}
.whatBox .sw_imgBox .icon {
    width: 100%;
    height: 100%;
}
.sw_bgbox .what .whatBox:hover .sw_imgBox{
	top: 40px;
}
.whatBox .what-name {
    font-size: 26px;
    line-height: 35px;
    margin-top: 86px;
    font-weight: bold;
}
.s-line1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.s-line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.s-line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* -webkit-line-clamp: 3; */
}
.whatBox .what-cours {
    text-align: left;
    margin: 26px auto 0px;
    font-size: 20px;
    line-height: 25px;
    width: 90%;
}
.whatBox:nth-child(3n) {
    margin-right: 0px;
}
.bgf1 .sw_footer {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #666;
    line-height: 25px;
    letter-spacing: 2px;
}
.bgf1 .mt {
    margin-top: 40px;
}
.bgf1 .mt p.foozn1{
    font-size: 26px;
    margin-bottom: 22px;
    font-weight: 600;
}
.bgf2 {
    background: #fff;
}
.s_contentBox {
    position: relative;
}
.s_contentBox .channel {
    padding-bottom: 60px;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.s_contentBox .w120 {
    width:94%;
    margin: 0 auto;
}
.s_contentBox .channel .lenBox {
    width: 20%;
    text-align: center;
    padding: 20px 0;
}
.s_contentBox .channel .lenBox .imgBox {
    display: inline-block;
    height: 100px;
    margin-bottom: 5px;
}
.s_contentBox .channel .lenBox .imgBox .img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0px;
    width: auto;
    height: auto;
}
.s_contentBox .channel .textBox {
    text-align: center;
    font-size: 22px;
    color: #4b4c4d;
}
.r_title {
    font-size: 28px;
    color: #4b4c4d;
    line-height: 36px;
    text-align: center;
}
.r_title .en {
    color: #b9bcbd;
    font-size: 20px;
}
.youshi_box .youshi2 {
    overflow: hidden;
    width: 94%;
    margin: 10px auto 100px;
}
.youshi_box .youshi2 .youshi2_1 {
    width: 20%;
    float: left;
}
.youshi_box .youshi2 .youshi2_1 .youshi2_1bg {
    height: 120px;
    text-align: center;
    margin-bottom: 25px;
}
.youshi_box .youshi2 .youshi2_1 .youshi2_1bg img {
    width: 120px;
    height: 120px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.youshi_box .youshi2 .youshi2_1 .youshi2_1bg img:hover {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.youshi_box .youshi2 .youshi2_1 .youshi2_1tit {
    text-align: center;
    font-size: 28px;
    color: #4b4c4d;
}
.youshi_box .youshi2 .youshi2_1 .youshi2_1dec {
    font-size: 16px;
    color: #4b4c4d;
    line-height: 27px;
    margin: 0 38px;
    text-align: center;
    margin-top: 12px;
}
.rotus {
    display: block;
    background:#fff;
    min-width:  1600px;
    padding-bottom: 80px;
    overflow: hidden;
}
.rotus .r_box {
    text-align: center;
    padding: 8px 0;
    width: 94%;
    margin: auto;
}
.rotus .r_box .r-len {
    padding: 2% 1%;
    margin: 0px 1%;
    width: 14.65%;
    background: #f1f4f7;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-radius: 10px;
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
.rotus .r_box .r-len .r-num {
    background: #2eafbb;
    border-radius: 100%;
    box-shadow: 0px 0px 20px #2eafbb;
    font-size: 45px;
    height: 90px;
    width: 90px;
    font-weight: 400;
    display: inline-block;
    line-height: 90px;
    color: #fff;
}
.rotus .r_box .r-len .r-text {
    display: block;
    font-size: 24px;
    vertical-align: middle;
    color: #444;
    margin-top: 20px;
}
.rotus .r_box .r-len .dhx {
    width: 20px;
    height: 2px;
    margin: 8px auto 15px;
    background: #0099e6;
}
.rotus .r_box .r-len p{
    font-size:16px;
    margin-top: 20px;
}
.rotus .r_box .r-len:hover {
    -webkit-box-shadow: 2px 2px 10px #909090;
}
.cro-panding .cro-new-block {
    background-size: cover;
    background-image: linear-gradient(to right, rgba(25, 51, 101, 0.85), rgba(0, 0, 0, 0.08)), url(/tupian/ovGK5Y.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center;
    background-attachment: fixed;
    display: grid;
    align-items: center;
    padding: 10rem 39px;
}
.cro-panding .cro-kuandu {
    width: 94%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.cro-panding .middle-section {
    max-width: 45%;
}
.cro-panding .middle-section h2 {
    color: #ffffff;
    font-size: 42px;
    line-height: 45px;
}
.cro-panding .link-list-menu p {
    font-size: 18px;
    color: #eee;
    line-height: 28px;
    padding-top: 25px;
}
.cro-panding .link-list-menu p.plast {
    margin-bottom: 3rem;
}
.cro-panding .cro-btn {
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    transition: 0.3s ease-in-out;
    padding: 15px 30px;
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.page-solution {
    padding-top: 60px;
    display: block
}
.max1920 {
    width: 94%;
    margin:0 auto;
    height: 600px;
}
.page-solution .col-jgba{
    width: 46%;
    float: left;
    position: relative;
    top: 30px;
}
.page-solution .col-jgba img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.page-solution .col-jgba2{
    width: 52%;
    float: left;
    position: relative;
}
.page-solution .kj-jgba2 .rightText {
    padding-top: 61px;
    /* padding-left: 0px; */
    color: #000;
}
.page-solution .kj-jgba .rightText .title{
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 30px;
}

.page-solution .kj-jgba .rightText .title span {
    color: #d3433e;
}
.page-solution .kj-jgba .rightText p {
    line-height: 40px;
    color: #000;
    font-size: 22px;
}
.page-solution .kj-jgba .rightText em {
    font-weight:bold;
}
.page-solution .rightText p:nth-last-of-type(2), .page-solution .rightText p:nth-last-of-type(1) {
}
.page-solution .more {
    width: 170px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: #ff6a64;
    font-size: 20px;
    margin-top: 35px;
    display: block;
    text-align: center;
}
.page-solution a.more:hover {
    transform: translate(0,-5px);
}
.page-affordBg {
    background: url(../images/page-bg-01.webp) no-repeat 50% top;
    height: 1280px;
    margin-top: 50px;
    margin-bottom: 135px;
    padding-top: 70px;
    width: 100%;
    clear: both;
    position: relative;
    display: block;
    background-size: 100% 100%;
    min-width: 1600px;
}
.page-affordBg .bottomPic {
    left: 0px;
    bottom: -197px;
    width: 100%;
    position: absolute;
    text-align: center;
}
.page-affordBg .bottomPic img{
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.page-affordBg .public-title-Box {
    margin-bottom: 55px;
    padding-top: 15px;
    clear: both;
    text-align: center;
}
.public-title-Box .en-title {
    font-size: 44px;
    font-family: 'Conv_Humanist521BT-Light';
    color: #979797;
    position: relative;
}
.public-title-Box .cn-title {
    font-size: 50px;
    line-height: 62px;
}
.public-title-Box .en-title span {
    height: 3px;
    width: 70px;
    background: #d3433e;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: -70px;
}
.public-title-Box p {
    font-size: 24px;
    color: #979797;
    line-height: 60px;
}
.public-title-Box p:after {
    clear: both;
}
.page-affordBg .listBox ul li {
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    text-align: center;
}
.page-affordBg .listBox .wenB1 {
    min-height: 90px;
    margin-top: 20px;
    background: url(../images/page-icon_24.png) no-repeat 50%;
    line-height: 30px;
    font-size: 13px;
}
.page-affordBg .listBox .text p {
    display: none;
    text-align: left;
}
.page-affordBg .listBox .wenB2 {
    min-height: 150px;
    margin-top: 20px;
    background: url(../images/page-icon_23.png) no-repeat 50%;
    line-height: 30px;
    font-size: 13px;
}
.page-affordBg .listBox ul li:hover .text{
    background:none;
}
.page-affordBg .listBox ul li:hover .text p{
    display:block;
    font-size: 22px;
    padding: 10px;
}
.page-designBox {
    padding: 180px 0 110px;
    display: table;
    min-width: 1600px;
}
.page-designBox .public-title-Box {
    margin-bottom: 55px;
    padding-top: 15px;
    clear: both;
    text-align: center;
}
.page-designBox .listBox {
    padding-top: 60px;
}
.page-designBox .listBox .container-fluid {
    margin: auto;
    width: 94%;
}
.page-designBox .listBox .container-fluid .zonghe .danyi {
    color: #000;
    margin-bottom: 15px;
    width: 25%;
    float:left;
    position: relative;
    text-align: center;
}
.page-designBox .danyi .name {
    margin-top: 35px;
    font-size: 32px;
    font-weight: bold;
}
.page-designBox .danyi span {
    color: #696969;
    font-size: 18px;
}
.page-designBox .danyi i {
    height: 1px;
    width: 10px;
    background: #ff6a64;
    margin: 5px auto;
    display: block;
}
.page-designBox .danyi p {
    line-height: 30px;
    font-size: 22px;
    width:90%;
    margin:auto;
}
.page-contrastBg {
    padding: 50px 0px 50px 0px;
    background: #f4f4f4;
    min-width: 1600px;
    display: block;
    /* height: 1180px; */
    overflow: hidden;
}
.page-contrastBg .public-title-Box {
    margin-bottom: 55px;
    padding-top: 15px;
    clear: both;
    text-align: center;
}
.page-contrastBg .page-contrastBox {
    padding-top: 0px;
    clear: both;
    width: 80%;
    margin: 0 auto;
}
.page-contrastBg .page-contrastBox:before {
    display: table;
    content: " ";
}
.page-contrastBox .leftBox, .page-contrastBox .rightBox {
    width: 39%;
}
.page-contrastBox .pull-left {
    float: left;
}
.page-contrastBox .pull-right {
    float: right;
}
.page-contrastBox .leftBox .titleBg {
    background: url(../images/page-icon_10.jpg) no-repeat center;
    background-size: 100% 100%;
}
.page-contrastBox .titleBg {
    height: 93px;
    width: 100%;
}
.page-contrastBox .leftBox .frame {
    border: solid 7px #ff6a64;
    width: 97.8%;
}
.page-contrastBox .leftBox .frame ul{
    padding: 33px 36px;
    margin: 20px auto 0;
}
.page-contrastBox .frame {
    border-width: 7px;
    border-top: none;
    min-height: 1px;
}
.page-contrastBox .leftBox ul li {
    margin-bottom: 43px;
    clear: both;
}
.page-contrastBox .leftBox ul li:before {
    display: table;
    content: " ";
    box-sizing: border-box;
}
.page-contrastBox .leftBox ul li:after {
    clear: both;
}
.page-contrastBox .leftBox .pic, .page-contrastBox .leftBox .text {
    width: 40%;
    padding: 0px 11px;
    text-align: center;
}
.page-contrastBox .leftBox .pic, .page-contrastBox .leftBox . .text:nth-of-type(2) {
    padding: 0px 15px;
}
.page-contrastBox .leftBox .pic img {
    display: block;
    max-width: 100%;
    height: auto;
    margin:auto;
}
.page-contrastBox .leftBox .text {
    padding-top: 34px;
    color: #000;
    text-align: left;
}

.page-contrastBox .leftBox .title {
    margin-bottom: 17px;
}
.page-contrastBox .leftBox .title a {
    color: #ff6a64;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
.page-contrastBox .leftBox p {
    font-size: 18px;
    line-height: 24px;
}
.page-contrastBox .vsBox {
    width: 22%;
    height: 700px;
    background: url(../images/page-icon_12.png) no-repeat center 60%;
    background-size: 100%;
}
.page-contrastBox .rightBox .titleBg {
    background: url(../images/page-icon_11.jpg) no-repeat center;
    background-size: 100% 100%;
}
.page-contrastBox .rightBox .frame {
    border: solid 7px #999;
    width: 97.8%;
    float: left;
}
.page-contrastBox .rightBox .picBox {
    width: 94%;
    border: solid 1px #999;
    text-align: center;
    margin: 35px auto 0;
}
.page-contrastBox .rightBox .picBox img{
    width:100%;
    height: 286px;
}
.page-contrastBox .contrastList {
    width: 94%;
    padding: 50px 0px;
    margin:auto;
    clear: both;
}
.page-contrastBox .contrastList:before {
    display: table;
    content: " ";
}
.page-contrastBox .contrastList:after {
    clear: both;
}
.page-contrastBox .contrastList ul li {
    color: #000;
    font-size: 20px;
    padding: 13.5px 0;
}
.page-contrastBox .contrastList ul li span{color: #ff6a64;font-weight: bold;}
.page-choiceBox {
    padding: 80px 0;
    text-align: center;
    margin: 0 auto;
    min-width:1600px;
    height:auto;
}
.page-choiceBox .title {
    font-size: 50px;
    color: #000;
    font-weight: bold;
}
.page-choiceBox .smallTitle {
    font-size: 20px;
    color: #696969;
}
.page-choiceBox .pic {
    padding-top: 35px;
}
.page-choiceBox .slogan {
    font-size: 24px;
    color: #000;
    padding-top: 15px;
}
.page-choiceBox .slogan span {
    color: #ff6a64;
}
.page-choiceBox .slogan i {
    font-size: 24px;
    font-style: normal;
}
.page-process {
    text-align: center;
    margin: 0 auto;
    min-width: 1600px;
    background: #f6f6f6;
    padding: 80px 0;
}
.page-process .box {
    margin-top: 30px;
    overflow: hidden;
    height: auto;
}
.page-process ul li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 45%;
}
.page-process ul li p {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #5b5b5b;
}
.page-process ul li:after {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #093095;
    background-image: linear-gradient(to right, #0c5fb9 , #093095);
    position: absolute;
    right: -25px;
    top: 105px;
}
.page-process ul li {
    display: block;
    float: left;
    width: 20%;
    box-sizing: border-box;
    position: relative;
    padding: 20px 0;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.page-process ul li.last {
    border: none;
}
.page-process ul li.shu {
    width: 80.1%;
    margin-left: 9.8%;
    height: 20px;
    /* border-left: 2px solid #093095; */
    border-right: 2px solid #093095;
}
.page-process ul li:hover strong{
	color:#147ed4;
}
.page-process ul li:hover{
	transform:translate(0,-5px);
}
.page-process ul li.last:after,.page-process ul li.shu:after{
	display:none;
}
.page-process a.more {
    width: 285px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #ff6a64;
    font-size: 20px;
    margin: 50px auto 0;
    display: block;
    text-align: center;
}
.page-process a.more:hover {
    transform: translate(0,-5px);
}
.page-chooseBaiila {
    margin-top: 60px;
    clear: both;
    min-width: 1600px;
}
.page-chooseBaiila:before, .public-title-Box:before{
    display: table;
    content: " ";
}
.page-chooseBaiila .public-title-Box {
    margin:auto;
    clear: both;
    text-align: center;
}
.page-buildAgoBg {
    padding: 30px 0px;
    background: url(../images/page-icon_13.png) no-repeat 50% top #d3433e;
    margin-top: 50px;
    clear: both;
    min-width: 1600px;
}
.page-buildAgoBg .buildTitleBox {
    color: #fff;
    margin-top: 35px;
    text-align: center;
}
.page-buildAgoBg .buildTitleBox .iconTitle {
    background: url(../images/page-icon_15.png) no-repeat right 50%;
    width: 343px;
    font-size: 32px;
    line-height: 48px;
    height: 48px;
    text-align: left;
    margin:0 auto;
}
.page-buildAgoBg .buildTitleBox p {
    font-size: 22px;
    margin-top: 15px;
}
.page-buildAgoBg .listBox {
    padding-top: 45px;
    height: 520px;
}
.page-buildAgoBg .listBox .listPadding {
    padding: 0px 37.5px;
}
.page-buildAgoBg .listPadding  .row-build {
    margin: 0px -37.5px;
}
.page-buildAgoBg .listPadding .list-build {
    padding: 0px 2%;
    width: 29.333333%;
    float:left;
    letter-spacing: 2px;
}
.page-buildAgoBg .listBox .listPadding img {
    display: block;
    margin:0 auto;
    width: 100%;
}
.page-buildAgoBg .list-build .name {
    margin-top: 35px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    height: 18px;
    line-height: 18px;
    border-left: solid 3px #fff;
    padding-left: 10px;
}
.page-buildAgoBg .list-build p {
    line-height: 25px;
    font-size: 18px;
    color: #fff;
}
.page-buildIng {
    padding: 30px 0px;
    background: url(../images/page-icon_14.png) no-repeat 50% top;
    clear: both;
    min-width:  1600px;
}
.page-buildIng .buildTitleBox {
    color: #000;
    margin:0 auto;
    text-align:center;
    margin-top: 35px;
}
.page-buildIng .buildTitleBox .iconTitle {
    background: url(../images/page-icon_16.png) no-repeat right 50%;
    width: 343px;
    font-size: 32px;
    line-height: 48px;
    height: 48px;
    text-align: left;
    margin: 0 auto;
}
.page-buildIng .buildTitleBox p {
    font-size: 22px;
    margin-top: 15px;
}
.page-buildIng .listBox {
    padding-top: 40px;
    margin:0 auto;
    clear: both;
    /* height: 500px; */
}
.page-buildIng .paddingBox {
    padding: 0px 30px;
}
.page-buildIng .paddingBox .row-buildIng {
    margin: 0px -30px;
}
.page-buildIng .list-buildIng {
    padding: 0px 1.75%;
    width: 21.5%;
    float: left;
    text-align: center;
}
.page-buildIng .list-buildIng img {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
    width: 100%;
}
.page-buildIng .list-buildIng .line {
    background: #ccc;
    height: 5px;
    width: 100%;
}
.page-buildIng .list-buildIng .name {
    margin-top: 20px;
    font-size: 24px;
    color: #ff6a64;
}
.page-buildIng .list-buildIng .dot {
    background: #ccc;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 8px auto;
}
.page-buildIng .list-buildIng .text {
    line-height: 25px;
    color: #000;
    font-size: 18px;
    width: 100%;
}
.page-buildLast {
    padding: 30px 0px;
    background: url(../images/page-icon_13.png) no-repeat 50% top #2eafbb;
    clear: both;
    min-width: 1600px;
}
.page-buildLast .buildTitleBox {
    color: #fff;
    margin:0 auto;
    text-align:center;
    margin-top: 35px;
}
.page-buildLast .buildTitleBox .iconTitle {
    background: url(../images/page-icon_17.png) no-repeat right 50%;
    width: 281px;
    font-size: 32px;
    line-height: 48px;
    height: 48px;
    text-align: left;
    margin: 0 auto;
}
.page-buildLast .buildTitleBox p {
    font-size: 22px;
    margin-top: 15px;
}
.page-buildLast .listBox {
    padding-top: 55px;
    clear: both;
    margin:0 auto;
    height: 668px;
}
.page-buildLast .paddingBox {
    padding: 0px 37.5px;
}
.page-buildLast .paddingBox .row-buildLast {
    margin: 0px -37.5px;
}
.page-buildLast .paddingBox .list-buildLast {
    padding: 0px 2%;
    width: 29.33333333%;
    float:left;
}
.page-buildLast .paddingBox .list-buildLast img{
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
    width: 100%;
}
.page-buildLast .list-buildLast .name {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    height: 18px;
    line-height: 18px;
    border-left: solid 3px #fff;
    padding-left: 10px;
}
.page-buildLast .list-buildLast .hidden-xm {
    color: #fff;
}
.page-buildLast .list-buildLast .hidden-xm ul li {
    line-height: 36px;
    height: 36px;
    font-size: 20px;
}

.project_wrapper {
    padding: 40px 0 100px;
    overflow: hidden;
    min-width: 1600px;
}
.inner {
    margin: 0 auto;
    padding: 0 20px;
}
.inner .title {
    text-align: center;
    padding: 0 0 60px;
}
.inner .title .title_box {
    position: relative;
    display: inline-block;
    padding: 60px 60px 0;
}
.inner .title .title_box>img {
    position: absolute;
    bottom: 0;
    left: 25px;
    z-index: 0;
}
.inner .title span {
    color: #50c1e9;
    font-size: 24px;
    font-family: arial;
}
.inner .title h2 {
    position: relative;
    /* margin: 5px 0 0; */
    color: #0065a7;
    letter-spacing: 4px;
    font-weight: bold;
    font-size: 50px;
}
.inner .title h2>img {
    position: absolute;
    top: 8px;
    right: -50px;
    width: 48px;
}
.inner .title p {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 24px;
}
.inner .project_content {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 83%;
    margin: 0 auto;
}
.inner .project_content_box.project_content_box1 {
    background: #ffffff url(../images/project_content_bg01.png) right center no-repeat;
    background-size:cover;
    margin-left: 0;
}
.inner .project_content_box.project_content_box2 {
    background: #ffffff url(../images/project_content_bg02.png) right center no-repeat;
    margin-right: 0 !important;
    background-size:cover;
}
.inner .project_content_box {
    position: relative;
    padding: 32px 100px;
    width: 50%;
    margin: 0 67px;
    height: 320px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    transition: all 0.3s;
    cursor: pointer;
}
.inner .project_content_img_box {
    display: flex;
    margin-bottom: 30px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(209,233,255,.7);
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.inner .project_content_img_box img {
    width: 70px;
}
.inner .project_content_text_box span {
    color: #fff;
    font-size: 18px;
    font-family: arial;
}
.inner .project_content_text_box h3 {
    margin-bottom: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 3px;
}
.inner .project_content_box p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 18px;
}
.inner .project_content .home_row_bg01 {
    position: absolute;
    bottom: -60px;
    left: -125px;
}
.process_wrapper {
    padding: 0 0 70px;
    overflow: hidden;
    min-width: 1600px;
}
.process_wrapper .process_content {
    padding: 40px 0px 0;
}
.process_wrapper .process_item {
    position: relative;
    text-align: left;
}
.process_content .process_item1_box {
    background: url(../images/process_item1_box_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 60px 0px 80px;
}
.process_content .process_item1 .process_item1_box .inner, .process_content .process_item3 .process_item3_box .inner {
    margin: 0 auto;
    padding: 0 20px;
    width:94%;
    position: relative;
}
.process_content .process_item:nth-of-type(1) .process_item_text {
    padding-top: 55px;
}
.process_item_text {
    position: relative;
    display: inline-block;
    padding-left: 9%;
    width: 36%;
    height: 480px;
    padding-top: 20px;
}
.process_item_text .process_item_text_bg {
    position: absolute;
    left: 0;
    z-index: -1;
    transform: rotate(95deg);
}
.process_item_txt {
    padding: 100px 32px;

    border-radius: 10px;
    text-align: right;
    transition: all .2s;
    position: relative;
    background-color: rgb(7,111,179);
}
.process_item_txt .process_item_txt_box_title {
    display: inline-block;
}
.process_item_txt.hover h2, .process_item_txt.hover p, .process_item_txt.hover span {
    color: #fff;
}
.process_item_txt .process_item_txt_box_title span {
    color: #fff;
    font-size: 30px;
    font-family: arial;
    transition: all .2s;
    display: table;
}
.process_item_txt .process_item_txt_box_title h2 {
    position: relative;
    display: inline-block;
    margin: 5px 0 35px;
    color: #fff;
    letter-spacing: 4px;
    font-weight: bold;
    font-size: 44px;
    transition: all .2s;
}
.process_item_txt .process_item_txt_box_title h2 img {
    position: absolute;
    top: 8px;
    left: -60px;
    width: 42px;
}
.process_item_txt p {
    height: 96px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 18px;
    letter-spacing:  2px;
}
.process_item_txt_ul {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 10px;
    color: #076fb3;
}
.process_item_txt_ul li {
    padding: 0px 12px 10px 12px;
    background: url(../images/process_item_libg.png) left 10px no-repeat;
    letter-spacing: 2px;
    line-height: 25px;
    font-size:  18px;
    width: 20%;
}
.process_item_img {
    position: absolute;
    top: 62px;
    right: 5%;
    z-index: 1;
    display: inline-block;
    width: 45%;
}
.process_item_img .process_img_active {
    opacity: 1;
    width: 850px;
}
.process_item_img_animate {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.process_item_img_animate img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -42%;
}
.process_content .process_item1 .process_item_line, .process_content .process_item3 .process_item_line {
    margin: -80px auto 0px;
    padding: 0 20px;
}
.process_item_line {
    text-align: center;
    position: relative;
}
.process_content .process_item:nth-of-type(2n) {
    text-align: right;
}
.process_content .process_item2, .process_content .process_item4 {
    margin: 0 auto;
    padding: 0 20px;
}
.process_item {
    position: relative;
    text-align: left;
}
.process_content .process_item:nth-of-type(2n) .process_item_text {
    padding-right: 11%;
    padding-left: 0;
}
.process_content .process_item:nth-of-type(2n) .process_item_txt {
    text-align: left;
}
.process_content .process_item:nth-of-type(2) .process_item_img {
    top: 35px;
    left: 9%;
}
.process_content .process_item:nth-of-type(2n) .process_item_img {
    right: auto;
}
.process_content .process_item:nth-of-type(2n) .process_item_txt .process_item_txt_box_title h2 img {
    right: -60px;
    left: auto;
    transform: rotateY(180deg);
}
.process_content .process_item:nth-of-type(2n) .process_item_txt_ul {
    justify-content: flex-end;
    color: #076fb3;
}
.process_content .process_item:nth-of-type(2n) .process_item_txt_ul li{
    width:20%;
}
.process_content .process_item:nth-of-type(2n) .home_row_bg02 {
    left: -50px;
    right: auto;
    transform: rotateY(180deg);
}
.process_item .home_row_bg02 {
    position: absolute;
    display: inline-block;
    top: 0;
    z-index: 0;
}
.process_content .process_item:nth-of-type(2n) .process_item_line {
    transform: rotateY(180deg);
}
.process_content .process_item3_box {
    background: url(../images/process_item3_box_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 60px 0px 80px;
}
.process_content .process_item:nth-of-type(4) .process_item_img {
    left: 6%;
}
.process_item1 .process_item_txt_ul {
    color: #fff;
}
.case_wrapper {
    min-width: 1600px;
}
.case_swiper {
    background: url(../images/home_row_bg01.png) no-repeat;
    background-position: 80% 60px;
    width:94%;
    margin:0 auto;
    overflow: hidden;
}
.case_swiper .swiper-wrapper{
    display:table;
    margin-top: 40px;
}
.case_swiper .swiper-wrapper .swiper-slide{
    width: 29.3333%;
    float:left;
    margin: 0 2% 4%;
}
.case_swiper .swiper-wrapper .swiper-slide .case_swiper_img img{
    width: 100%;
}
.case_swiper .case_swiper_img .text_box p {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #feffff;
}
.case_swiper .case_swiper_img{
	position:relative;
	cursor: pointer;
	text-align: center;
	max-width: max-content;
	margin: 0 auto;
}
.case_swiper .case_swiper_img .text_box{
	display: none;
	position: absolute;
	top: 0;
	left:0;
	right:0;bottom:0;
	background: #0065a7aa;
}
.case_swiper .case_swiper_img:hover .text_box{
	display: block;
}
.case_swiper .case_swiper_img .text_box .text_box_inner{
	display:table;
	width: 100%;
	height: 100%;
}
.advantage_wrapper {
    padding: 0 0 40px;
    overflow: hidden;
}
.advantage_content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 94%;
    margin: 40px auto 80px;
}
.advantage_content_item {
    padding: 0 1%;
    width: 23%;
    z-index: 1;
}
.advantage_content_item_icon {
    margin: 0 auto 25px auto;
    padding: 34px 34px;
    width: 160px;
    height: 160px;
    background: #0065a7;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.advantage_content_item_icon img {
    bottom: 35px;
    position: absolute;
    width: 58%;
    left: 49px;
}
.advantage_content_item h4 {
    margin-bottom: 20px;
    color: #262626;
    text-align: center;
    letter-spacing: 3px;
    font-size: 28px;
}
.advantage_content_item p {
    font-size: 18px;
    width:80%;
    margin:0 auto;
    letter-spacing: 2px;
}
.advantage_content_bg01 {
    left: 0px;
    top: 0;
    text-align: left;
}
.advantage_content_bg02 {
    right:0;
    top: 55px;
    text-align: right;
}
.advantage_content_bg {
    position: absolute;
    z-index: 0;
}

.page-h5-one {
    padding-bottom: 60px;
    padding-top: 60px;
    text-align: center;
    color: #666;
}
.page-h5-one p, .page-fn-two p{
    text-align: center;
    font-size: 50px;
    line-height: 90px;
}
.page-h5-one i, .page-fn-two i {
    height: 1px;
    background: #333;
    display: block;
    width: 10%;
    margin: 0 auto;
    margin-bottom: 5%;
}
.page-h5-one .zcon div {
    display: inline-block;
    width: 29%;
    margin: 2%;
    margin-bottom: 4%;
}
.page-h5-one .zcon div h3 {
    float: left;
    width: 10%;
    text-align: left;
}
.page-h5-one .zcon div h3 img {
    width: 100%;
}
.page-h5-one .zcon div h2 {
    float: right;
    width: 85%;
    text-align: left;
}
.page-h5-one .zcon div h2 b {
    text-align: left;
    display: block;
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 6%;
}
.page-h5-one .zcon div h2 c {
    text-align: left;
    font-weight: normal;
    display: block;
    font-size: 20px;
    color: #888;
}
.page-h5-two {
    position: relative;
    width: 100%;
}
.page-h5-two img {
    width: 100%;
    display: block;
}
.page-h5-two div {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333;
}
.page-h5-two div h3 {
    color: #fff;
    font-weight: normal;
    width: 80%;
    margin: 0 auto;
    margin-top: 10%;
    font-size: 50px;
}
.page-h5-two div p {
    height: 2px;
    background: #eee;
    width: 20%;
    margin-left: 10%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.page-h5-two div h2 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 4%;
}
.page-h5-two div h2 b {
    font-weight: normal;
    display: block;
    color: #fff;
    font-size: 28px;
}
.page-h5-two div h2 c {
    font-weight: normal;
    display: block;
    color: #ccc;
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px;
}
.page-h5-dt {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.headline-bg.index-headline-bg {
    height: 600px;
    overflow: hidden;
    background: url(../images/foot1_bg.png) no-repeat center top;
    background-size: cover;
}
.page-h5-dt .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.page-h5-dt .txt h5, .page-fn-three .txt h5{
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    margin-top: 120px;
    line-height: 2em;
}
.page-h5-dt .txt h2, .page-fn-three .txt h2 {
    font-size: 50px;
    font-weight: normal;
    text-align: center;
    line-height: 2em;
}
.page-h5-dt .txt h3, .page-fn-three .txt h3 {
    width: 10%;
    height: 1px;
    background: #666;
    margin: 0 auto;
    margin-top: 2%;
}
.page-h5-dt .txt h4 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    width: 20%;
    margin: 0 auto;
    border: 1px solid #666;
    line-height: 56px;
    margin-top: 5%;
}
.page-h5-dt .txt h4 a {
    display: block;
}
.page-fn-two {
    background-size: 100% 100%;
    padding-bottom: 7em;
    padding-top: 7em;
    overflow: hidden;
    text-align: center;
}
.page-fn-two div {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.page-fn-two div h3 {
    color: #666;
    font-weight: normal;
    font-size: 26px;
    line-height: 1em;
    margin-bottom: 25px;
}
.page-fn-two div h4 {
    color: #0F7349;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid rgba(131, 131, 131, 0.2);
    line-height: 3em;
    margin-left: 10%;
    margin-right: 10%;
}
.page-fn-two div h4 span{
    margin-right: 2%;
}
.page-fn-three{
    background: url(/tupian/img_12.png) no-repeat left bottom;
    overflow: hidden;
    background-color: #f3f3f6;
}
.page-fn-three .tab {
    padding: 0 75px;
}
.page-fn-three .reviews {
    padding: 40px 0 55px;
}
.page-fn-three .reviews img {
    display: block;
    margin: 0 auto;
    width: 80%;
}
.page-fn-three .p_intro {
    font-size: 22px;
    color: #979797;
    line-height: 30px;
    text-align: center;
    width: 60%;
    margin: 80px auto 30px auto;
}
.page-fn-three .p_intro p {
    margin-bottom: 18px;
}
.page-fn-three .p_intro a {
    color: #0A47ED;
}

.cont {
    width: 94%;
    height: auto;
    margin: 0 auto;
}
.chengxu_dao{width:100%;height:auto;margin-top:50px;min-width:1600px;}
.dao_left{float:left;width: 35%;height: 700px;overflow:hidden;}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_img{width:100%;height:100%;background: url(../images/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;background-size: 100% 100%;}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2;}
.dao_text h3{font-size: 32px;color:#fff;font-weight:bold;}
.dao_text p{font-size: 22px;color:#fff;margin-top:3px;}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.pic-box{display:table-cell;vertical-align:middle;text-align:center;}
.dao_bg .pic-box{width: 1%;height: 650px;padding:57px 30px;box-sizing:border-box;}
.dao_bg h3{font-size: 32px;color:#fff;font-weight:bold;}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px;}
.dao_bg span{display:block;width:134px;height: 40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}
.dao_bg span img{margin-left:10px;margin-top: 14px;}
.dao_left a:hover .dao_img{transform:scale(1.05);}
.dao_left a:hover .dao_bg{opacity:1;}
.dao_right{float:right;height: 700px;width: 64%;}
.dao_top{width:100%;height: 477px;}
.dao_topl{float:left;width: 66.35%;height: 477px;}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_topl .dao_text{padding-right:405px;}
.dao_topl .dao_img{background:url(../images/picwx1.jpg) no-repeat;background-size: 100% 100%;}
.dao_topl .dao_bg .pic-box{width: 1%;height: 477px;padding:57px 30px;box-sizing:border-box;}
.dao_topl a:hover .dao_img{transform:scale(1.05);}
.dao_topl a:hover .dao_bg{opacity:1;}
.dao_topr{width: 32.65%;float:right;}
.dao_topr .dao_text{position:relative;padding:57px 30px;}
.dao_topr .dao_img{background:url(../images/picwx2.jpg) no-repeat;background-size: 100% 100%;}
.dao_topr .dao_bg .pic-box{width: 1%;}
.dao_bottom{width:100%;height: 211px;margin-top: 11px;}
.dao_bottom li{width: 32.666%;height: 212px;float:left;margin-right: 1%;}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px;}
.dao_bottom li a .dao_img{background:url(../images/picwx3.jpg) no-repeat;background-size: 100% 100%;}
.dao_bottom li a .dao_text img{margin-top:20px;}
.dao_bottom li:nth-child(2) .dao_img{background:url(../images/picwx4.jpg) no-repeat;background-size: 100% 100%;}
.dao_bottom li:last-child .dao_img{background:url(../images/picwx5.jpg) no-repeat;background-size: 100% 100%;}
.dao_bottom li:last-child{margin-right:0;}
.dao_bottom li .dao_bg .pic-box{width: 1%;height: 211px;padding:0;}
.dao_bottom li .dao_bg h3{font-size: 28px;}
.dao_bottom li .dao_bg span{margin-top:15px;}
.dao_bottom li .dao_bg span img{}
.dao_bottom li a:hover .dao_img{transform:scale(1.05);}
.dao_bottom li a:hover .dao_bg{opacity:1;}
.hexin {
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.shop_title {
    width: 100%;
    height: auto;
    text-align: center;
    min-width: 1600px;
}
.shop_title h3 {
    font-weight: normal;
    font-size: 50px;
    color: #333333;
}
.shop_title img {
    margin-top: 10px;
}
.shop_title p {
    font-size: 22px;
    color: #666666;
    margin-top: 10px;
}
.hexin_con {
    /* width: 100%; */
    /* height: auto; */
    position: relative;
    background: url(../images/icon9.png) no-repeat center bottom;
    min-height: 600px;
    margin-top: 80px;
    min-width: 1600px;
}
.hexin_con li {
    position: absolute;
}
.hexin_con li.hexin_1 {
    left: 0;
    top: 38%;
}
.hexin_img {
    text-align: center;
    background: url(../images/icon5.png) no-repeat;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    float: left;
}
.hexin_con li.hexin_1 .hexin_text {
    width: 292px;
}
.hexin_text {
    float: left;
    margin-left: 16px;
    background: #f6f6f6;
    padding: 20px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    color: #333333;
}
.hexin_bg {
    width: 0;
    height: 0;
    position: absolute;
    left: -12px;
    top: 16px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 12px solid #f6f6f6;
}
.hexin_con li.hexin_2 {
    left: 19%;
    top: 18%;
}
.hexin_con li.hexin_2 .hexin_img {
    background: url(../images/icon6.png) no-repeat;
}
.hexin_con li.hexin_2 .hexin_text {
    width: 292px;
}
.hexin_con li.hexin_3 {
    left: 39%;
    top: 0px;
}
.hexin_con li.hexin_3 .hexin_img {
    background: url(../images/icon7.png) no-repeat;
}
.hexin_con li.hexin_3 .hexin_text {
    width: 292px;
}
.hexin_con li.hexin_4 {
    right: 20.5%;
    top: 18%;
}
.hexin_con li.hexin_4 .hexin_img {
    background: url(../images/icon8.png) no-repeat;
}
.hexin_con li.hexin_4 .hexin_text {
    width: 292px;
}
.hexin_con li.hexin_5 {
    right: 0;
    top: 38%;
}
.hexin_con li.hexin_5 .hexin_img {
    background: url(../images/icon8.png) no-repeat;
}
.hexin_con li.hexin_5 .hexin_text {
    width: 292px;
}
.liuliang {
    width: 100%;
    height: auto;
    margin-top: 80px;
    background: #f6f6f6;
    overflow: hidden;
    padding: 77px 0;
    padding-bottom: 30px;
}
.liuliang_con {
    width: 100%;
    height: auto;
    margin-top: 60px;
    min-width:  1600px;
}
.liuliang_con li {
    width: 150px;
    margin-right: 112px;
    margin-bottom: 50px;
}
.fang_list li {
    width: 20%;
    height: auto;
    float: left;
    margin: 30px 0 30px;
    text-align: center;
}
.fang_list li a {
    display: block;
    width: 100%;
    overflow: hidden;
}
.liuliang_con .fang_pic {
    margin: 5px auto;
    box-shadow: 0px 3px 7px rgba(20,20,20,0.05);
}
.fang_pic {
    width: 140px;
    height: 140px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-box-shadow: 0px 0px 35px -10px #858585;
    -webkit-box-shadow: 0px 0px 35px -10px #858585;
    box-shadow: 0px 0px 35px -10px #858585;
    border-radius: 50%;
    background: #fff;
}
.fang_pic .pic-box {
    width: 140px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.liuliang .fang_pic img {
    display: block;
}
.fang_pic img {
    margin: 0 auto;
}
.fang_list li p {
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}
.liuliang_con li p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #666666;
    transition: all 0.3s ease-out;
}
.fang_list li p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #666666;
    transition: all 0.3s ease-out;
}
.fang_list li:hover .fang_pic img {
    animation: swing 1s 0s linear normal;
    -webkit-animation: swing 1s 0s linear normal;
}
.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
.jiejue{width:100%;height:auto;margin-top:63px;}
.jiejue_con{width:100%;height:auto;margin-top:40px;min-width:  1600px;}
.jiejue_con li{width: 21%;height:380px;float:left;position:relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;margin: 2%;}
.jiejue_con li a{display:block;width:100%;height:100%;overflow:hidden;transition:none;}
.jiejue_con li:last-child{/* margin-right:0; */}
.jiejue_top{width:100%;height:155px;background: url(../images/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size: 30px;color:#fff;text-align:center;box-sizing:border-box;}
.jiejue_con li:nth-child(2) .jiejue_top{background:url(../images/pic9.jpg) no-repeat;background-size: cover;}
.jiejue_con li:nth-child(3) .jiejue_top{background:url(../images/pic11.jpg) no-repeat;background-size: cover;}
.jiejue_con li:nth-child(4) .jiejue_top{background:url(../images/pic10.jpg) no-repeat;background-size: cover;}
.jiejue_c{width:100%;height:auto;}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.jiejue_list{width:100%;height:auto;padding: 0 6%;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;left:0;top: 222px;}
.jiejue_list span{display:block;background: url(../images/icon29.png) no-repeat left center;padding-left: 6%;font-size: 18px;color:#666666;margin: 0;line-height: 35px;margin-bottom:5px;width: 27%;float: left;}
.jiejue_list span:nth-child(3n){margin-right:0;}
.jiejue_detail{width:100%;height:auto;padding: 0 5%;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.jiejue_detail p{font-size: 18px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.jiejue_detail span{display:block;width:105px;height: 34px;line-height: 34px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size: 16px;margin:0 auto;margin-top:20px;}
.jiejue_con li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
.jiejue_con li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
.jiejue_con li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
.jiejue_con li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
.jiejue_con li:hover .jiejue_list{opacity:0;z-index:1;}
.jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3;}
.jiejue_con li:nth-child(2):hover .jiejue_detail span{background:#f1629f;}
.jiejue_con li:nth-child(3):hover .jiejue_detail span{background:#49cda4;}
.jiejue_con li:nth-child(4):hover .jiejue_detail span{background:#fe496b;}
.moban {
    width: 100%;
    height: auto;
    margin-top: 70px;
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 73px;
    min-height: 779px;
    box-sizing: border-box;
}
.moban .solute_title h3 {
    color: #fff;
}
.moban .solute_title p {
    color: #fff;
}


.case216 .ico216 {
    background: url(../images/ico216.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.case216 .item216 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bj216.png) repeat 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
}
.case216 .item216 .t1 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    background: url(../images/t216.png) repeat-x 0 0;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    transition: all .5s;
}
.case216 {
    width: 100%;
    overflow: hidden;
    margin: 50px 0 0;
    min-width: 1600px;
}
.case216 .item216 {
    width: 20%;
    float: left;
    text-align: center;
}
.case216 .item216 a {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}
.case216 .item216 .img {
    width: 100%;
    padding-top: 112.66%;
    position: relative;
    overflow: hidden;
}
.case216 .item216 .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block;
}
.case216 .item216 .txtcon {
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(0%, 0%);
    color: #fff;
    transition: all .5s;
}
.case216 .item216 .txtcon .t2 {
    width: 100%;
    font-size: 28px;
    font-weight: bold;
}
.case216 .item216 .txtcon span {
    font-size: 12px;
    margin: 5px 0 15px;
    display: block;
}
.case216 .item216 .txtcon s {
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 auto;
    background-position: 0 -42px;
}
.case216 .item216 a:before {
    opacity: 0;
    width: 94%;
    height: 94%;
    position: absolute;
    display: block;
    border: 1px solid #fff;
    content: '';
    left: 3%;
    top: 3%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    z-index: 11;
    filter: alpha(opacity=0);
    transition: all .5s;
}
.case216 .item216:hover .bg, .case216 .item216:hover .txtcon {
    opacity: 1;
    filter: alpha(opacity=100);
}
.case216 .item216:hover .txtcon {
    top: 50%;
}
.case216 .item216:hover .t1 {
    opacity: 0;
    filter: alpha(opacity=0);
}
.case216 .item216:hover a {
    color: #000;
}
.case216 .item216:hover a:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.industry {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
.indu_con{
    min-width: 1600px;
    overflow: hidden;
    margin: 30px 0 50px;
}
.indu_con li{
	float: left;
	width: 14.222%;
	margin: 20px auto -20px;
	text-align: center;
	/* padding-bottom: 20px; */
}
.indu_con li span{
	top: -74px;
	position: relative;
	height: 5px;
	background: #fff;
	margin: 0 auto;
}
.indu_con li p{
	position: relative;
    top: -92px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.yx_banner {
    width: 100%;
    min-width: 1200px;
    height: 700px;
    background: url(../images/yx_bg01.webp) center bottom no-repeat;
    padding-top: 80px;
    background-size:cover;
    overflow: hidden;
}
.yxContainerbanner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.yxContainer img, .yxContainer a, .yxContainer div, .yxContainerbanner img, .yxContainerbanner a, .yxContainerbanner div {
    position: absolute;
}
.yxContainerbanner .animated {
    z-index: 1;
    top: 50px;
    left: 4px;
}
.yxContainerbanner .fadeInUp {
    z-index: 4;
    top: 165px;
    left: 260px;
}
.yxContainerbanner .fadeInDown1 {
    color: #ffffff;
    font-size: 50px;
    top: 60px;
    left: 268px;
    z-index: 2;
}
.yxContainerbanner .fadeInDown1 span{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
.yxContainerbanner .fadeInDown2 {
    color: #ffffff;
    font-size: 16px;
    top: 127px;
    left: 420px;
    z-index: 3;
}
.yx_swiper {
    width: 100%;
    overflow: hidden;
    min-width:1600px;
    margin:0 auto;
}
.yxContainer {
    width: 80%;
    margin: 0 auto;
    position: relative;
    min-width: 1600px;
}
.yx_swiper .yxContainer {
    height: 640px;
}
.yx_swiper .yxContainer .fadeInUp1{
    right: -20px;
    bottom: -169px;
}
.yx_swiper .yxContainer .fadeInDown11{
    font-size: 28px;
    color: #666666;
    left: 10px;
    top: 90px;
}
.yx_swiper .yxContainer .fadeInDown12 {
    left: 10px;
    top: 155px;
    width: 500px;
    height: 125px;
}
.yx_swiper .yxContainer .fadeInDown13{
    font-size: 22px;
    line-height: 40px;
    color: #666666;
    left: 10px;
    top: 305px;
}
.yx_swiper .yxContainer .fadeInDown13 strong{
    color: #2c88d8;
    font-size: 24px;
}
.yx_swiper .yxContainer .onclick {
    left: 10px;
    top: 485px;
    width: 380px;
    height: 74px;
    background: url(../images/yx_zxbtn.png) 0 0 no-repeat;
    text-indent: -10000px;
    display: inline-block;
}
.yx_swiper .yxContainer .infinite {
    z-index: 100;
    left: 335px;
    top: 498px;
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.yxContainer .yx_3and1 {
    top: 290px;
    position: absolute;
    width: 95%;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
}
.yx_3and1 li:nth-of-type(1) {
    color: #54bf14;
    background-position: 358px 184px;
}
.yx_3and1 li:nth-of-type(2) {
    color: #fb9a00;
    background-position: -187px 189px;
}
.yx_3and1 li:nth-of-type(3) {
    color: #de2828;
    background-position: -748px 179px;
}
.yx_3and1 li:nth-of-type(4) {
    color: #8c4391;
    background-position: 363px -102px;
}
.yx_3and1 li:nth-of-type(5) {
    color: #2c88d8;
    background-position: -173px -104px;
}
.yx_3and1 li:nth-of-type(6) {
    color: #11b3c2;
    background-position: -732px -97px;
    z-index: 1;
    position: relative;
}
.yx_3and1 li {
    width: 31.3%;
    height: 300px;
    padding: 3%;
    margin: 1%;
    float: left;
    background-color: rgba(255, 255, 255, 1.00);
    background-image: url(../images/yx_bg02.png);
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.yx_3and1 li .yxTitle {
    font-size: 22px;
    line-height: 30px;
}
.yx_3and1 li .yxTitle strong {
    font-size: 32px;
    font-weight: bold;
}
.yx_3and1 li .yxTitle span {
    line-height: 50px;
}
.yx_3and1 li .yxContent {
    font-size: 18px;
    color: #666666;
    line-height: 29px;
    margin-top: 15px;
    letter-spacing: 2px;
}
.yx_swiper_module2 {
    height: 1100px;
    background: url(../images/yx_bg01.webp) center top no-repeat;
    background-size: cover;
}
.yxContainer-module2 {
    width:90%;
    margin: 80px auto 0px;
    text-align: center;
    min-width: 1600px;
}
.yx_3and1 {
    width: 70%;
    margin:0 auto;
    min-width: 1600px;
    text-align: left;
}
.yxContainer-module2 .title1{
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
}
.yxContainer-module2 .title1 span{
	color: #ffd800;
	font-size: 48px;
}
.yxContainer-module2 .title2{
    color: #ffffff;
    font-size: 20px;
    margin: 5px auto 3px;
}
.yxContainer-module2 .title3{
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    margin: 60px auto 25px;
}
.yxContainer-module2 .title3 span{
	color: #ffd800;
}
.yx_swiper .pic-module2 {
    float: right;
    margin-top: -311px;
    margin-right: -29px;
}
.yxContainer-module3 {
    height: 630px;
    margin: 0 auto;
    width: 90%;
    min-width: 1600px;
    text-align: center;
}
.yxContainer-module3 .title1{
    font-size: 50px;
    font-weight: bold;
    margin-top: 70px;
}
.yxContainer-module3 .title1 span{
    font-size: 50px;
    color: #2c88d8;
}
.yxContainer-module3 .title2{
    font-size: 20px;
    color: #666666;
    margin: 10px auto 70px;
}
.yxContainer-module3 .yx_maidian {
    min-width:1600px;
}
.yxContainer-module3 .yx_maidian li{
    float:left;
    width: 23%;
    padding: 15px;
    letter-spacing: 2px;
}
.yxContainer-module3 .yx_maidian li .yxmPic {
    width: 180px;
    margin: 20px auto 30px auto;
    display: block;
}
.yxContainer-module3 .yx_maidian li img {
    width: 180px;
    height: 180px;
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform-origin: center center;
}
.yxContainer-module3 .yx_maidian li:hover img {
    transform: rotate(360deg);
}
.yxContainer-module3 .yx_maidian li .yxmTitle {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #333333;
}
.yxContainer-module3 .yx_maidian li .yxmContent {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    width: 87%;
    margin: 15px auto 0;
}
.yx_swiper_module4 {
    height: 1200px;
    background: url(../images/yx_bg03.webp) center top no-repeat;
    background-size: cover;
}
.yxContainer-module4 {
   margin: 70px 0;
}
.yxContainer-module4 .title1{
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}
.yxContainer-module4 .title1 span{
	color: #ffd800;
	font-size: 48px;
}
.yxContainer-module4 .title2{
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
}
.yxContainer-module4 img{
   margin: 0 auto;
   display: block;
}
.yxContainer-module4 .content1{
	font-size: 22px;
	color: #666666;
}
.yxContainer-module4 .content2{
	font-size: 37px;
	font-weight: bold;
	color: #2c88d8;
	/* margin-top: 5px; */
}
.yxContainer-module4 .module4-1{
	width: 1300px;
	margin: 0 auto;
}
.yxContainer-module4 .module4-1 .module4-1-left{
    float: left;
}
.yxContainer-module4 .module4-1 .module4-1-right{
	float: right;
}
.yxContainer-module4 .module4-1 .module4-1-right a{
    width: 536px;
    height: 72px;
    background: url(../images/yx_fabtn.png) 0 0 no-repeat;
    text-indent: -10000px;
    display: inline-block;
    left: 800px;
}
.yxContainer-module4 .module4-1 .module4-1-right img{
    z-index: 100;
    margin-top: -58px;
    margin-left: 40px;
}
.yx_swiper_module5{
    height: 1100px;
}
.yx_swiper_module5 .title1{
    left: 320px;
    top: 70px;
    font-size: 50px;
    font-weight: bold;
}
.yx_swiper_module5 .title1 span{
    font-size: 48px;
    color: #f00;
}
.yx_swiper_module5 .title2{
    left: 548px;
    top: 145px;
    font-size: 20px;
    color: #666666;
}
.yx_swiper_module5 .img1{
    top: 220px;
    left: 138px;
}
.yx_swiper_module5 .column1{
    color: #2c88d8;
    font-size: 32px;
    font-weight: bold;
    left: 930px;
    top: 287px;
}
.yx_swiper_module5 .describe1{
    color: #666666;
    font-size: 22px;
    left: 930px;
    top: 344px;
}
.yx_swiper_module5 .substance1{
    color: #333333;
    font-size: 18px;
    left: 930px;
    top: 400px;
    line-height: 45px;
}
.yx_swiper_module5 .substance1 strong, .yx_swiper_module5 .substance2 strong{
    color:#2c88d8;
}
.yx_swiper_module5 .img2 {
    top: 700px;
    right: 130px;
}
.yx_swiper_module5 .column2 {
    color: #2c88d8;
    font-size: 32px;
    font-weight: bold;
    left: 116px;
    top: 750px;
}
.yx_swiper_module5 .describe2 {
    color: #666666;
    font-size: 22px;
    left: 116px;
    top: 805px;
}
.yx_swiper_module5 .describe2 strong{
    color:#f00;
    font-size:24px;
}
.yx_swiper_module5 .substance2 {
    color: #333333;
    font-size: 18px;
    left: 116px;
    top: 865px;
    line-height: 40px;
}
.yx_swiper_module5 .substance2 .baifenbi{
    color:#f00;
	font-size:24px;
}
.yx_swiper_module6{
    height: 1800px;
    background: url(../images/yx_bg04.jpg) center top no-repeat;
    background-size: cover;
}
.yx_swiper_module6 .yxContainer_module6{
    height: 1800px;
}
.yx_swiper_module6 .yxContainer_module6 .title1{
	color: #333333;
	font-size: 50px;
	font-weight: bold;
	top: 70px;
	left: 219px;
}
.yx_swiper_module6 .yxContainer_module6 .title1 span{
	color:#2c88d8;
	font-size: 50px;
}
.yx_swiper_module6 .yxContainer_module6 .title2{
    color: #666666;
    font-size: 20px;
    top: 140px;
    left: 373px;
}
.yx_swiper_module6 .yxContainer_module6 .title2 strong{
    color:#f00;
    font-size:24px;
}
.yxContainer_module6 .img1{
    left: -203px;
    top: 220px;
}
.yxContainer_module6 .biaoti_module6{
    color: #2c88d8;
    font-size: 34px;
    font-weight: bold;
    left: 880px;
    top: 276px;
}
.yxContainer_module6 .miaoshu_module6{
    color: #ffffff;
    width: 65px;
    padding-top: 10px;
    height: 67px;
    background: url(../images/yx_icobg.png) 0 0 no-repeat;
    font-size: 18px;
    text-align: center;
    left: 880px;
    background-size: 100%;
}
.yxContainer_module6 .miaoshu11{
    top: 350px;
}
.yxContainer_module6 .miaoshu12{
    top: 446px;
}
.yxContainer_module6 .miaoshu13{
    top: 539px;
}
.yxContainer_module6 .miaoshu14{
    top: 632px;
}
.yxContainer_module6 .neirong_module6{
    color: #555555;
    font-size: 18px;
    line-height: 24px;
    left: 955px;
}
.yxContainer_module6 .neirong11{
    top: 362px;
}
.yxContainer_module6 .neirong12{
    top: 458px;
}
.yxContainer_module6 .neirong13{
    top: 551px;
}
.yxContainer_module6 .neirong14{
    top: 636px;
}
.yxContainer_module6 .img2 {
    right: -203px;
    top: 571px;
}
.yxContainer_module6 .biaoti2_module6 {
    color: #61c426;
    font-size: 34px;
    font-weight: bold;
    left: 50px;
    top: 850px;
}
.yxContainer_module6 .miaoshu2_module6 {
    color: #ffffff;
    width: 65px;
    padding-top: 16px;
    height: 64px;
    background: url(../images/yx_icobg.png) 0 -74px no-repeat;
    font-size: 18px;
    text-align: center;
    left: 50px;
    background-size: 100%;
}
.yxContainer_module6 .miaoshu21 {
    top: 922px;
}
.yxContainer_module6 .miaoshu22 {
    top: 1016px;
}
.yxContainer_module6 .miaoshu23 {
    top: 1110px;
}
.yxContainer_module6 .miaoshu24 {
    top: 1202px;
}
.yxContainer_module6 .neirong2_module6 {
    color: #555555;
    font-size: 18px;
    line-height: 24px;
    left: 127px;
}
.yxContainer_module6 .neirong21 {
    top: 940px;
}
.yxContainer_module6 .neirong22 {
    top: 1034px;
}
.yxContainer_module6 .neirong23 {
    top: 1127px;
}
.yxContainer_module6 .neirong24 {
    top: 1219px;
}
.yxContainer_module6 .img3 {
    bottom: 0px;
    left: 60px;
}
.yxContainer_module6 .biaoti3_module6{
    color: #fb9a00;
    font-size: 32px;
    font-weight: bold;
    left: 900px;
    top: 1430px;
}
.yxContainer_module6 .miaoshu3_module6{
    color: #555555;
    font-size: 18px;
    line-height: 36px;
    left: 900px;
    top: 1490px;
}
.yxContainer_module6 .onclick{
    left: 900px !important;
    top: 1680px !important;
    width: 300px !important;
    height: 54px !important;
    background: url(../images/yx_zjbtn.png) 0 0 no-repeat !important;
}
.yxContainer_module6 .infinite{
    left: 900px !important;
    top: 1684px !important;
}
.yx_swiper_module7{
    height:570px;
    background:url(../images/yx_bg05.png) center top no-repeat;
    background-size:cover;
}
.yx_swiper_module7 .yxContainer_module7{
    height:570px;
}
.yx_swiper_module7 .yxContainer_module7 .title1{
    color:#ffffff;
    font-size: 50px;
    font-weight:bold;
    top: 66px;
    left: 407px;
}
.yx_swiper_module7 .yxContainer_module7 .title1 span{
    color:#ffd800;
    font-size: 50px;
}
.yx_swiper_module7 .yxContainer_module7 .title2{
    color:#ffffff;
    font-size: 20px;
    top:140px;
    left: 563px;
}
.yxContainer .yx_fuwu {
    width: 100%;
    height: 280px;
    top: 200px;
    left: 0px;
    position: absolute;
}
.yx_fuwu li:nth-of-type(1) {
    background-position: 0px 0px;
}
.yx_fuwu li:hover {
    background-color: rgba(255, 255, 255, 0.95);
}
.yx_fuwu li {
    width: 32%;
    height: 280px;
    margin-right: 2%;
    background-color: rgba(255, 255, 255, 1.00);
    background-image: url(../images/yx_fw.png);
    background-repeat: no-repeat;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
}
.yx_fuwu li .yxfTitle {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    width: 30px;
    text-align: center;
    padding: 20px 35px;
    line-height: 30px;
    float: left;
    display: block;
}
.yx_fuwu li .yxfContent {
    font-size: 18px;
    width: 374px;
    float: right;
    padding-top: 27px;
    display: block;
    color: #666666;
    line-height: 46px;
}
.yx_fuwu li .yxfContent strong {
    font-size: 18px;
    color: #333333;
    font-style: italic;
    margin-right: 10px;
}
.yx_fuwu li:nth-of-type(2) {
    background-position: 0 -300px;
}
.yx_fuwu li:nth-of-type(3) {
    background-position: 0 -600px;
    margin-right: 0 !important;
}
.yx_swiper_module8{
    height: 730px;
    border-bottom:1px solid #eeeeee;
}
.yx_swiper_module8 .title1{
    left: 340px;
    top:70px;
    font-size: 50px;
    font-weight:bold;
}
.yx_swiper_module8 .title1 span{
    font-size: 50px;
    color:#2c88d8;
}
.yx_swiper_module8 .title2{
    left: 600px;
    top: 145px;
    font-size: 20px;
    color:#666666;
}
.yxContainer .yx_logo {
    width: 100%;
    top: 200px;
    left: 0px;
    position: absolute;
}
.yxContainer .yx_logo li {
    width: 16%;
    height: 135px;
    padding: 1% 2% 0% 2%;
    float: left;
}
.yxContainer .yx_logo li img {
    width: 16%;
    height: 90px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.yxContainer .yx_logo li img.pic {
    height: 71px;
}
.yxContainer .yx_logo li:hover img{
    transform:scale(1.2);
}

.containerbai .pros {
    padding-top: 90px;
    height: 814px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1600px;
}
.containerbai .pros h2.title {
    position: relative;
    line-height: 52px;
    font-size: 42px;
    color: #333;
    text-align: center;
}
.containerbai .pros h2.title::after {
    content: ' ';
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -38px;
    background: #014fa2;
    width: 76px;
    height: 5px;
}
.containerbai .pros .pros-list {
    padding-top: 100px;
    border-top: 1px solid #e6e0e0;
    margin: 100px auto 0;
    font-size: 0;
    text-align: center;
    width: 94%;
}
.containerbai .pros .pros-list .pros-one {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.containerbai .pros .pros-list .pros-one .pros-one-img {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.containerbai .pros .pros-one-img img {
    width: 100%;
    /* height: 333px; */
    transition: opacity .3s .05s;
}
.containerbai .pros .pros-one h3 {
    position: relative;
    top: 0;
    line-height: 22px;
    font-size: 22px;
    color: #999;
    -o-transition: color .3s, top .3s;
    -moz-transition: color .3s, top .3s;
    transition: color .3s, top .3s;
}
.containerbai .pros .pros-one:hover h3 {
	top: 7px;
	color: #004ea2;
}
.containerbai .solution-jianyan {
    position: relative;
    width: 100%;
    height: 620px;
    overflow: hidden;
    min-width: 1600px;
}
.containerbai .solution-jianyan .first {
    background-image: url(/tupian/banner-solution-27c24445b0d1a3e0d.jpg);
    background-position: 50% 32.4227px;
}
.activebg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 650px;
    background: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    will-change: transform;
    background-size:cover;
}
.containerbai .solution-jianyan .title-2 {
    line-height: 60px;
    font-size: 50px;
    display: inline-block;
    color: #fff;
    position: relative;
    text-align: center;
}
.containerbai .solution-in {
    position: absolute;
    left: 10.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
}
.containerbai .solution h2.title.title-2 {
    line-height: 60px;
    font-size: 50px;
}
.containerbai h2.title.title-2::after {
    background: #fff;
    left: 0;
    margin-left: 0;
}
.containerbai h2.title::after {
    content: ' ';
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -38px;
    background: #014fa2;
    width: 76px;
    height: 5px;
}
.containerbai #jieshao h2.title::after {
    content:none;
}
.containerbai .solution-p {
    margin-top: 40px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    opacity: .7;
    letter-spacing: 2px;
}
.containerbai .solution-in a.a-1 {
    margin-top: 54px;

    display: inline-block;
    position: relative;
    width: 180px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #004ea2;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -o-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.news-jianyan {
    position: relative;
    padding-top: 90px;
    padding-bottom: 106px;
    width: 100%;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
    min-width: 1600px; 
}
.news-jianyan .title {
    position: relative;
    line-height: 52px;
    font-size: 42px;
    color: #333;
    text-align: center;
}
.news-jianyan .news-in {
    padding-top: 88px;
    border-top: 1px solid #e6e0e0;
    width: 94%;
    margin: 96px auto;
}
.news-jianyan .news-one-img:hover img {
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
}
.news-jianyan .news-one {
    display: inline-block;
    margin-right: 3%;
    margin-left: 3%;
    width: 24%;
    text-align: left;
    vertical-align: top;
}
.news-jianyan .news-one-img {
    position: relative;
    height: 261px;
    margin-bottom: 38px;
    transform: translateX(0);
    border-radius: 6px;
    overflow: hidden;
}
.news-jianyan .news-one-img img {
    width: 100%;
    height: 100%;
    -o-transition: .55s .05s;
    -moz-transition: .55s .05s;
    transition: .55s .05s;
    pointer-events: auto;
}
.news-jianyan .news-one-desc {
    position: relative;
}
.news-jianyan .news-one-desc h3 {
    margin-bottom: 6px;
    height: 26px;
    line-height: 22px;
    font-size: 24px;
    color: #004ea2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-jianyan .news-one-desc h3 a {
    color: #004ea2;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.news-jianyan .news-one-desc p.desc {
    display: -webkit-box;
    margin-bottom: 67px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-jianyan .news-one-desc::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 100%;
    height: 1px;
    background: #f1f1f1;
}
.news-jianyan .news-one-belongs {
    line-height: 14px;
    font-size: 0;
}
.news-jianyan .author {
    margin-right: 19px;
    font-size: 12px;
}
.news-jianyan .author::before {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 10px;
    height: 11px;
    background-image: url(../images/i-author.png);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: center;
}
.news-jianyan .views {
    font-size: 12px;
}
.news-jianyan .views::before {
    content: ' ';
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 14px;
    height: 10px;
    background-image: url(../images/i-views.png);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center;
}
.news-jianyan .time {
    float: right;
    font-size: 14px;
}
.news-jianyan a.a-1, .serv-jianyan a.a-1{
    display: inline-block;
    position: relative;
    width: 180px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #004ea2;
    border-radius: 30px;
}
.news-jianyan a.a-1:hover, .serv-jianyan a.a-1:hover {
	background: #0060c7;
}
.nums-jianyan {
    position: relative;
    width: 100%;
    height: 596px;
    overflow: hidden;
    min-width: 1600px;
}
.nums-jianyan .secbg {
    background-image: url(../images/bg-2.jpg);
    background-position: 50% 4.99545px;
}
.nums-jianyan .nums-list {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);
    width: 100%;
    font-size: 0;
    text-align: center;
}
.nums-jianyan .nums-list .nums-one {
    display: inline-block;
    width: 20%;
}
.nums-jianyan .nums-one-img {
    margin-bottom: 50px;
    height: 38px;
}
.nums-jianyan .nums-one-desc h3 {
    position: relative;
    display: inline-block;
}
.nums-jianyan .nums-one-desc h3 span {
    line-height: 50px;
    font-size: 50px;
    color: #fff;
}
.nums-jianyan .nums-cross {
    position: absolute;
    right: -17px;
    top: 0;
    width: 14px;
    height: 14px;
    background-image: url(../images/nums-cross.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center;
}
.nums-jianyan .nums-one-desc p.desc {
    margin-top: 45px;
    line-height: 15px;
    font-size: 15px;
    color: #fff;
}
.serv-jianyan {
    padding-top: 98px;
    width: 100%;
    height: 845px;
    box-sizing: border-box;
    min-width: 1600px;
}
.serv-jianyan h2.title {
    position: relative;
    line-height: 52px;
    font-size: 42px;
    color: #333;
    text-align: center;
}
.serv-jianyan .serv-list {
    margin-top: 130px;
    font-size: 0;
    text-align: center;
}
.serv-jianyan .serv-one {
    display: inline-block;
    margin-right: 2%;
    margin-left: 2%;
    width: 24%;
    height: 460px;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: top;
}
.serv-jianyan .serv-one-in {
    padding-top: 70px;
    border: 1px solid #e5e5e5;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -moz-box-shadow .4s;
}
.serv-jianyan .serv-one-img {
    height: 59px;
}
.serv-jianyan .serv-one-desc {
    margin-top: 50px;
    margin-bottom: 21px;
}
.serv-jianyan .serv-one-desc h3 {
    margin-bottom: 30px;
    height: 33px;
    line-height: 26px;
    font-size: 28px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .3s;
}
.serv-jianyan .serv-one-desc p.desc {
    padding-right: 20px;
    padding-left: 20px;
    height: 72px;
    line-height: 24px;
    font-size: 14px;
    color: #969696;
    overflow: hidden;
    text-align: center;
}
.serv-jianyan .serv-one-in:hover {
	-webkit-transform: translateY(-3px);
	   -moz-transform: translateY(-3px);
	     -o-transform: translateY(-3px);
	        transform: translateY(-3px);
	-moz-box-shadow: 0px 5px 30px 0px #d6d6d6;
	     box-shadow: 0px 5px 30px 0px #d6d6d6;
}
.contact-jianyan {
    position: relative;
    width: 100%;
    height: 514px;
    overflow: hidden;
    min-width: 1600px;
}
.contact-jianyan .thirdbg {
    background-image: url(../images/bg-3.jpg);
    background-position: 50% -11.5182px;
}
.contact-jianyan .contact-in {
    position: absolute;
    left: 63%;
    top: 55%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
}
.contact-jianyan h2.title {
    margin-bottom: 30px;
    font-size: 50px;
    display: inline-block;
    color: #fff;
    position: relative;
    line-height: 52px;
    text-align: center;
}
.contact-jianyan .contact-p {
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    opacity: .7;
}
.contact-jianyan .contact-phone {
    display: inline-block;
    margin-top: 23px;
    line-height: 20px;
    font-size: 20px;
    color: #fff;
}

.gmpjianli .title {
    text-align: center;
}
.gmpjianli .title h2 {
    font-size: 42px;
    color: #000;
    margin-bottom: 15px;
}
.gmpjianli .title p {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #e75c1e;
}

.intro-gmp {
    padding: 65px 0 80px;
    background-color: #fff;
}

.intro-gmp .title {
    text-align: center;
    margin-bottom: 40px;
}
.intro-gmp .title h2 {
    font-size: 42px;
    color: #000;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}

.intro-gmp .title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #1c85a4, #b5cd32);
    border-radius: 3px;
}

.intro-gmp .title p {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #1c85a4;
    letter-spacing: 3px;
    opacity: 0.8;
}

.intro-gmp .intro-item {
    border-top: 1px solid #e8f5f8;
    border-left: 1px solid #e8f5f8;
    margin: 55px auto 0;
}

.intro-gmp .intro-item .intro-list {
    text-align: center;
    border-right: 1px solid #e8f5f8;
    border-bottom: 1px solid #e8f5f8;
    height: 270px;
    width: 33.3333%;
    float: left;
    -webkit-transition: box-shadow 1s;
    display: table;
    box-sizing: border-box;
    cursor: default;
}
.intro-gmp .intro-item .intro-list .table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}
.intro-gmp .intro-item .intro-list i {
    display: inline-block;
    width: 41px;
    height: 41px;
    transition: transform 1.2s ease;
    -ms-transition: transform 1.2s ease;
    -o-transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
    -moz-transition: transform 1.2s ease;
}
.intro-list:nth-child(1) i {
    background: url(../images/icon1-gmp.png) no-repeat center/contain;
}
.intro-list:nth-child(2) i {
    background: url(../images/icon2-gmp.png) no-repeat center/contain;
}
.intro-list:nth-child(3) i {
    background: url(../images/icon3-gmp.png) no-repeat center/contain;
}
.intro-list:nth-child(4) i {
    background: url(../images/icon4-gmp.png) no-repeat center/contain;
}
.intro-list:nth-child(5) i {
    background: url(../images/icon5-gmp.png) no-repeat center/contain;
}
.intro-list:nth-child(6) i {
    background: url(../images/icon6-gmp.png) no-repeat center/contain;
}
.intro-gmp .intro-item .intro-list p {
    font-size: 26px;
    color: #1c85a4;
    font-weight: bolder;
    margin: 25px 0 20px;
    line-height: 1.2;
}
.intro-gmp .intro-item .intro-list span {
    line-height: 24px;
    font-size: 16px;
    color: #666;
    margin: 0 30px;
    display: block;
    text-align: center;
}

.intro-gmp .intro-item .intro-list:hover {
	box-shadow: 0 0 50px rgba(28, 133, 164, 0.1);
}
.intro-gmp .intro-item .intro-list:hover i {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}

.solution_gmp {
    padding: 80px 0 100px;
    background: #e8f5f8;
    position: relative;
}

.solution_gmp .title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
}
.solution_gmp .title h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 18px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}
.solution_gmp .title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #1c85a4, #b5cd32);
    border-radius: 3px;
}

.solution_gmp .title p {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #1c85a4;
    letter-spacing: 3px;
    opacity: 0.8;
}

.solution_gmp .solution {
    display: flex;
    align-items: center;
    gap: 4%;
}

.solution_gmp .solution .desc {
    width: 56%;
    flex-shrink: 0;
}

.solution_gmp .solution-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.solution_gmp .solution .solution_cm {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(28, 133, 164, 0.05);
    display: flex;
    align-items: flex-start;
    transition: all 0.4s ease;
    border: 1px solid transparent;
}

.solution_gmp .solution .solution_cm:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(28, 133, 164, 0.1);
    border-color: #e8f5f8;
}

.solution_gmp .solution .icon-box {
    width: 60px;
    height: 60px;
    background: #e8f5f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px;
}
.solution_gmp .solution i {
    display: block;
    width: 34px;
    height: 35px;
}
.solution_gmp .solution .school i {
    background: url(../images/icon12-gmp.png) no-repeat center/contain;
}
.solution_gmp .solution .teacher i {
    background: url(../images/icon13-gmp.png) no-repeat center/contain;
}
.solution_gmp .solution .student i {
    background: url(../images/icon14-gmp.png) no-repeat center/contain;
}

.solution_gmp .solution .solution_cm .text-wrap {
    flex: 1;
}

.solution_gmp .solution .solution_cm span {
    font-size: 22px;
    color: #1c85a4;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1.3;
}
.solution_gmp .solution .solution_cm p {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.solution_gmp .solution .other {
    margin-top: 40px;
    padding: 25px 30px;
    color: #1c85a4;
    line-height: 1.8;
    font-size: 16px;
    background: linear-gradient(135deg, #e8f5f8 0%, #d9eff5 100%);
    border-radius: 12px;
    border-left: 4px solid #1c85a4;
}

.solution_gmp .solution .pro {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    margin-left: -2%; 
    background: none;
}
.solution_gmp .solution .sl_cicle {
    display: inline-block;
    position: relative;
    max-width: 100%;
    transform: scale(1.05); 
}
.solution_gmp .solution .sl_cicle img {
    max-width: 100%;
    height: auto;
}
.solution_gmp .solution .sl_cicle .leida {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: pointAnimations 8s linear infinite;
    -moz-animation: pointAnimations 8s linear infinite;
    -o-animation: pointAnimations 8s linear infinite;
    animation: pointAnimations 8s linear infinite;
}

.solution_gmp .show_right.scroll-watch-in-view {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all 1s ease-out;
}
.solution_gmp .show_right {
    opacity: 0;
    transform: translateX(30px);
}

@keyframes pointAnimations {
  0%{-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
  100%{-moz-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);-webkit-transform:rotate(315deg)}
}
.enquiryM-gmp {
  padding: 60px 0;
  background: #1c85a4;
  position: relative;
  background-image: radial-gradient(rgba(255,255,255,0.05) 2px, transparent 2px);
  background-size: 30px 30px;
}

.enquiryM-gmp .enquiry {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    box-sizing: border-box;
}

.enquiryM-gmp .consult-left {
    flex: 0 0 30%;
    max-width: 450px;
    position: relative;
    z-index: 1;
}

.enquiryM-gmp .consult-middle {
    flex: 1;
    position: relative;
    z-index: 1;
}

.enquiryM-gmp .consult-right {
    flex: 0 0 30%;
    max-width: 400px;
    transform: translateX(-8%);
    position: relative;
    z-index: 1;
}

.enquiryM-gmp .consult-left {
  flex: 0 0 30%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
}

.enquiryM-gmp .consult-badge {
  display: inline-block;
  padding: 8px 20px;
  background: #b5cd32;
  color: #1c85a4;
  font-size: 14px;
  font-weight: 600;
  border-radius: 30px;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.enquiryM-gmp .consult-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 15px;
}

.enquiryM-gmp .consult-title span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #f0f8fb;
  margin-top: 8px;
}

.enquiryM-gmp .consult-advantages {
  list-style: none;
  padding: 0;
  margin: 0;
}

.enquiryM-gmp .consult-advantages li {
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.enquiryM-gmp .consult-advantages li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: #b5cd32;
  font-size: 14px;
  font-weight: bold;
}

.enquiryM-gmp .consult-middle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(255,255,255,0.1);
  border-radius: 12px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
}

.enquiryM-gmp .middle-content {
  width: 100%;
  max-width: 800px;
}

.enquiryM-gmp .middle-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.enquiryM-gmp .star-icon {
  font-size: 24px;
  color: #b5cd32;
  font-weight: bold;
}

.enquiryM-gmp .middle-content h3 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin: 0;
}

.enquiryM-gmp .value-list {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin: 0 0 15px 0;
}

.enquiryM-gmp .value-item {
  flex: 1;
  text-align: center;
  padding: 15px 10px;
  background: rgba(255,255,255,0.08);
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1);
}

.enquiryM-gmp .value-icon {
  font-size: 20px;
  color: #b5cd32;
  display: block;
  margin-bottom: 8px;
}

.enquiryM-gmp .value-item strong {
  font-size: 16px;
  color: #fff;
  display: block;
  margin-bottom: 6px;
}

.enquiryM-gmp .value-item p {
  font-size: 13px;
  color: #f0f8fb;
  line-height: 1.5;
  margin: 0;
}

.enquiryM-gmp .value-footer {
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.enquiryM-gmp .consult-right {
  flex: 0 0 30%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enquiryM-gmp .contact-card {
  background: #fff;
  padding: 35px 25px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  width: 70%;
}

.enquiryM-gmp .webTel {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  color: #1c85a4;
  margin-bottom: 20px;
}

.enquiryM-gmp .webTel i.icon-tel {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #1c85a4;
  font-size: 24px;
  margin-right: 12px;
}

.enquiryM-gmp .webTel i.icon-tel::after {
  content: "";
}

.enquiryM-gmp .online {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: #1c85a4;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;

  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.enquiryM-gmp .online i.icon-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.enquiryM-gmp .online i.icon-arrow::after {
  content: "";
}

.enquiryM-gmp .online:hover {
  background: #b5cd32;
  color: #1c85a4;
  transform: translateY(-2px);
}

.enquiryM-gmp .contact-tips {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  opacity: 0.8;
}

.advantage-gmp {
    padding: 70px 0 80px;
    background-color: #fff;
}
.advantage-gmp .title {
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
}
.advantage-gmp .title h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}
.advantage-gmp .title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #1c85a4, #b5cd32);
    border-radius: 3px;
}
.advantage-gmp .title p {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #1c85a4;
    letter-spacing: 3px;
    opacity: 0.8;
    margin: 0;
}
.advantage-gmp .advantList .list-gmp {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.advantage-gmp .advantList .item {
    flex: 0 0 calc(33.333% - 15px);
    height: 220px;
    background: #f8fbfc;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(28, 133, 164, 0.05);
    cursor: pointer;
    transition: all ease 600ms;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.advantage-gmp .advantList .item.ad2, 
.advantage-gmp .advantList .item.ad4, 
.advantage-gmp .advantList .item.ad6 {
    background: #f0f8fb;
}
.advantage-gmp .advantList .item .txt {
    flex: 1;
}
.advantage-gmp .advantList .item .txt .tit {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px;
}
.advantage-gmp .advantList .item .txt .tit em {
    display: block;
    color: #1c85a4;
    font-size: 18px;
}
.advantage-gmp .advantList .item .txt .cont {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin: 0;
}
.advantage-gmp .advantList .item .sIco {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    filter: invert(34%) sepia(65%) saturate(428%) hue-rotate(165deg) brightness(90%) contrast(85%);
    transition: all ease 600ms;
}
.advantage-gmp .advantList .item:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 16px rgba(28, 133, 164, 0.1);
}
.advantage-gmp .advantList .item:hover .sIco {
    transform: rotate(180deg);
    filter: invert(70%) sepia(18%) saturate(747%) hue-rotate(56deg) brightness(90%) contrast(85%);
}
.duibi-gmp {
    background: #f5f7f9;
    overflow: hidden;
    padding-bottom: 70px;
}
.duibi-gmp .main{
    position: relative;
    padding: 70px 0 80px;
}   
.duibi-gmp .title {
    text-align: center;
    margin-bottom: 20px;
}
.duibi-gmp .title h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}
.duibi-gmp .title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #1c85a4, #b5cd32);
    border-radius: 3px;
}
.duibi-gmp .title p {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
    margin: 0;
}
.duibi-gmp .about_d {
    background: #fff;
    box-shadow: 0 5px 20px rgba(28, 133, 164, 0.05);
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    color: #666;
    border-radius: 10px;
    margin: 25px auto 30px;
    width: 81%;
    padding: 20px 0;
}
.duibi-gmp .index_jx {
    position: relative;
    margin: 90px auto  0;
    width: 96%;
}
.duibi-gmp .index_jx .border {
    border: #1c85a4 solid 3px;
    border-radius: 20px;
    width: 96%;
    position: absolute;
    left: 36px;
    height: 366px;
    top: 0;
}
.duibi-gmp .index_jx .border .l,.duibi-gmp .index_jx .border .r {
    position: absolute;
    left: -32px;
    border-radius: 8px;
    border: #e8f5f8 solid 3px;
    background: #fff;
    width: 52px;
    top: 19px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #1c85a4;
    padding: 15px 0;
}
.duibi-gmp .index_jx .border .l:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 20px solid #1c85a4;
    border-bottom: 11px solid transparent;
    top: -35px;
    left: 73px;
    z-index: 200;
}
.duibi-gmp .index_jx .border .r {
    left: auto;
    right: -32px;
}
.duibi-gmp .index_jx .border .r:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-right: 20px solid #1c85a4;
    border-bottom: 11px solid transparent;
    top: -35px;
    right: 78px;
    z-index: 200;
}
.duibi-gmp .cl {
    clear: both;
    overflow: hidden;
}
.duibi-gmp .index_jx .box {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    height: 460px;

}
.duibi-gmp .index_jx .box .hd {
    height: 100px;
    width: 100%;
    margin: -50px auto 0;
    border-radius: 8px 25px 8px 25px;
}
.duibi-gmp .index_jx .box .hd ul {
    position: relative;
    overflow: hidden;
}
.duibi-gmp .index_jx .box .hd ul li {
    width: 27.33%;
    float: left;
    line-height: 100px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 8px 25px 8px 25px;
    margin: 0 3%;
}
.duibi-gmp .index_jx .box .bd {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
}
.duibi-gmp .index_jx .box .bd ul.l1 {
    width: 27.33%;
    float: left;
    margin: 0px 3%;
}
.duibi-gmp .index_jx .box .bd ul.l1 li {
    height: 80px;
    border-radius: 5px 20px 5px 20px;
    background: #1c85a4;
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    position: relative;
    display: block;
}
.duibi-gmp .index_jx .box .bd ul.l1 li::before {
    content: "\e6a9";
    display: inline-block;
    position: absolute;
    font-family: iconfont;
    left: 50%;
    top: -58px;
    font-size: 28px;
    margin-left: -14px;
    background-image: linear-gradient(180deg,#e8f5f8,#1c85a4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.duibi-gmp .index_jx .box .bd ul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.duibi-gmp .index_jx .box .bd ul.l2 {
    width: 27.33%;
    float: left;
    margin: 0 3%;
}
.duibi-gmp .index_jx .box .bd ul.l2 li {
    height: 80px;
    border-radius: 5px 20px 5px 20px;
    background: #b5cd32;
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    position: relative;
    display: block;
}
.duibi-gmp .index_jx .box .bd ul.l2 li::before {
    content: "\e6a9";
    display: inline-block;
    position: absolute;
    font-family: iconfont;
    left: 50%;
    top: -58px;
    font-size: 28px;
    margin-left: -14px;
    background-image: linear-gradient(180deg,#f0f8fb,#b5cd32);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.duibi-gmp .index_jx .box .bd ul.l3 {
    width: 27.33%;
    float: left;
    margin: 0 3%;
}
.duibi-gmp .index_jx .box .bd ul.l3 li {
    height: 80px;
    border-radius: 5px 20px 5px 20px;
    background: #1c85a4;
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    position: relative;
    display: block;
}
.duibi-gmp .index_jx .box .bd ul.l3 li::before {
    content: "\e6a9";
    display: inline-block;
    position: absolute;
    font-family: iconfont;
    left: 50%;
    top: -58px;
    font-size: 28px;
    margin-left: -14px;
    background-image: linear-gradient(180deg,#e8f5f8,#1c85a4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.news_foot_contact {
    padding-bottom: 75px;
    background: url(../images2/new_footer06.png) no-repeat center top #2a2f56;
    overflow: hidden;
}
.new_experience_17 {
    float: left;
    padding: 29px 0px;
    width: 450px;
    text-align: center;
    max-width: inherit;
    position: relative;
    background: #1c85a4;
}
.new_experience_17 .num {
    font-weight: 700;
    color: #fff;
    text-shadow: 15px 25px 10px rgba(112, 107, 98, 0.1);
    font-size: 68px;
    line-height: 70px;
}
.new_experience_17 p {
    font-size: 51px;
    color: #fff;
}
.news_foot_contact_Telbox {
    float: left;
    width: calc(100% - 480px);
    padding: 30px 0px 0px;
    position: relative;
}
.news_foot_contact_Telbox dl {
    padding-bottom: 80px;
    padding-left: 80px;
    text-align: left;
    position: relative;
}
.news_foot_contact_Telbox dl dt h3 {
    font-size: 42px;
    padding-top: 0px;
    color: #1c85a4;
    font-weight: normal;
}
.news_foot_contact_Telbox dl dt .desc {
    font-size: 18px;
    color: #9496a2;
    font-weight: 700;
    padding-top: 10px;
}
.news_foot_contact_Telbox dl dt .news_foot_contact_tel {
    top: 46px;
    right: 53px;
    position: absolute;
    padding: 0px;
}
.news_foot_contact_Telbox dl dt .desc1 {
    font-size: 22px;
    padding-top: 8px;
    color: #c3ac89;
    font-weight: 700;
}
.news_foot_contact_Telbox dl dt .desc2 {
    font-size: 22px;
    color: #c3ac89;
    font-weight: 700;
}
.news_foot_contact_Telbox dl dt .desc2 span {
    font-size: 24px;
    margin-right: 40px;
    font-weight: normal;
    color: #fff;
    text-shadow: 2px 2px #b5cd32;
}
.news_foot_contact_Telbox dl dd {
    width: 375px;
    max-width: inherit;
    position: absolute;
    bottom: 0px;
    margin: 0px auto;
    left: 80px;
}
.news_foot_contact_Telbox dl dd a.cur {
    background-color: #b5cd32;
    border-color: #b5cd32;
    color: #fff;
    font-size: 18px;
}
.news_foot_contact_Telbox dl dd a:nth-child(1) {
    margin-left: 0px;
}
.news_foot_contact_Telbox dl dd a.cur:hover {
    background-color: #fff;
    color: #b5cd32;
}
.news_foot_contact_Telbox dl dd a {
    height: 54px;
    line-height: 48px;
}
.news_foot_contact_Telbox dl dd a {
    display: block;
    width: calc(50% - 5px);
    height: 41px;
    font-weight: 700;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: 4px solid #393d61;
    float: left;
    margin-left: 10px;
    text-align: center;
    color: #b4b4ba;
    line-height: 40px;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.news_foot_contact_Telbox dl dd a.advisory span {
    display: inline-block;
}
.news_foot_contact .commonweb {
    width: 94%;
    margin: 0 auto;
    min-width: 1600px;
}
.icon-dagougou:before {
    content: "\e6b8";
}
.biaotou {
    line-height: 24px;
    color: #fff;
    background: #1c85a4;
    padding: 15px 0;
    text-align:center;
}
.nei_jian {
    margin-top: 20px;
    overflow:  hidden;
    border-bottom: 3px solid #1c85a4;
    padding: 0 0 20px;
}
.notop {
    margin-top: 0;
}
.lianxi_1 {
    height: 75px;
    line-height: 28px;
    background: #1c85a4;
    padding: 30px 0 0 30px;
}
.lianxi_1 span {
    font-size: 28px;
    color: white;
    float: left;
    display: block;
    width: 100%;
}
.lianxi_1 p {
    display: block;
    color: #f2f2f2;
    font: 16px/30px arial;
    text-decoration: none;
    text-transform: uppercase;
}
.tuianli {
    border: 1px solid #e8e8e8;
    border-top: 0px;
    margin: 0 auto;
}
.tuianli ul li {
    float: left;
    width: 100%;
    margin: 15px auto 0;
    overflow: hidden;
}
.tuianli ul li a p {
    display: block;
    text-align: center;
    color: #666;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 15px;
}
.tuianli ul li img{
    width: 100%;
    pointer-events: all;
    transition: all 0.3s ease;
    display: block;
}
.tuianli ul li a:hover img {
    transform: scale(1.02);
}
.tuianli ul li a:hover p{
    background: #1c85a4;
    color: #fff;
}
.icon-hot-13:before {
    content: "\e6bf";
}
.icon-dingwei:before {
    content: "\e761";
}
/* yiliaoqixiezhucelanmu part.1 */
.medical-device-registration-service-module {
	margin: 30px 0 40px;
}
.medical-device-registration-service-module .page-header-full {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px 0;
	background-color: #fff;
	border-radius: 12px;
}
.medical-device-registration-service-module .page-header-full h1 {
	font-size: 38px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 12px;
	letter-spacing: 1px;
}
.medical-device-registration-service-module .page-header-full p {
	font-size: 18px;
	color: #64748b;
	max-width: none;
	margin: 0 auto;
	line-height: 1.6;
}
.medical-device-registration-service-module .module-inner {
	background-color: #fff;
	border-radius: 12px;
	padding: 36px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.06);
	display: flex;
	gap: 36px
}
.medical-device-registration-service-module .tabs-nav-vertical {
	width: 120px;
	flex-shrink: 0;
}
.medical-device-registration-service-module .tab-square {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	color: #64748b;
	background-color: #f3f4f6;
	border-radius: 8px;
	box-shadow: none;
	transition: all .3s ease;
	text-align: center;
	line-height: 1.5;
	padding: 8px;
	word-break: keep-all;
}
.medical-device-registration-service-module .tab-square.active {
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1)
}
.medical-device-registration-service-module .tab-square[data-tab="tab1"] {
	color: #2563eb
}
.medical-device-registration-service-module .tab-square[data-tab="tab1"].active {
	background: #2563eb
}
.medical-device-registration-service-module .tab-square[data-tab="tab2"] {
	color: #059669
}
.medical-device-registration-service-module .tab-square[data-tab="tab2"].active {
	background: #059669
}
.medical-device-registration-service-module .tab-square[data-tab="tab3"] {
	color: #9333ea
}
.medical-device-registration-service-module .tab-square[data-tab="tab3"].active {
	background: #9333ea
}
.medical-device-registration-service-module .tab-square[data-tab="tab4"] {
	color: #ea580c
}
.medical-device-registration-service-module .tab-square[data-tab="tab4"].active {
	background: #ea580c
}
.medical-device-registration-service-module .tab-square:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.06)
}
.medical-device-registration-service-module .tabs-content-horizontal {
	flex: 1;
	min-width: 0;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 36px;
	background-color: #fff;
}
.medical-device-registration-service-module .tab-panel {
	display: none;
	padding: 0;
	overflow: visible;
	height: auto;
	text-align: center
}
.medical-device-registration-service-module .tab-panel.active {
	display: block;
	animation: none
}
.medical-device-registration-service-module .panel-title {
	font-size: 26px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	position: relative
}
.medical-device-registration-service-module .panel-title::after {
	content: "";
	position: static;
	top: 0;
	left: 0;
	width: auto;
	height: 2px;
	background: linear-gradient(90deg, transparent, currentColor);
	flex: 1;
	margin-left: 16px
}
.medical-device-registration-service-module .panel-title::before {
	content: "";
	position: static;
	top: 0;
	right: 0;
	width: auto;
	height: 2px;
	background: linear-gradient(90deg, currentColor, transparent);
	flex: 1;
	margin-right: 16px
}
.medical-device-registration-service-module .panel-title .title-dot {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: currentColor;
	margin: 0 14px
}
.medical-device-registration-service-module #tab1 .panel-title {
	color: #2563eb
}
.medical-device-registration-service-module #tab2 .panel-title {
	color: #059669
}
.medical-device-registration-service-module #tab3 .panel-title {
	color: #9333ea
}
.medical-device-registration-service-module #tab4 .panel-title {
	color: #ea580c
}

.medical-device-registration-service-module .process-list {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 36px;
}

.medical-device-registration-service-module #tab1 .process-list {
}
.medical-device-registration-service-module #tab1 .process-item {
	width: auto;
	flex: 0 0 calc(28% - 24px);
	max-width: calc(28% - 24px);
	margin: 0;
}
.medical-device-registration-service-module #tab1 .process-item:nth-child(4) {
	flex: 0 0 calc(38% - 24px);
	max-width: calc(38% - 24px);
}
.medical-device-registration-service-module #tab1 .process-item:nth-child(5) {
	flex: 0 0 calc(38% - 24px);
	max-width: calc(38% - 24px);
}

.medical-device-registration-service-module #tab2 .process-list {
}
.medical-device-registration-service-module #tab2 .process-item {
	width: auto;
	flex: 0 0 calc(28% - 24px);
	max-width: calc(28% - 24px);
	margin: 0;
}
.medical-device-registration-service-module #tab2 .process-item:nth-child(4) {
}

.medical-device-registration-service-module #tab3 .process-list,
.medical-device-registration-service-module #tab4 .process-list {
	row-gap: 36px;
}
.medical-device-registration-service-module #tab3 .process-item,
.medical-device-registration-service-module #tab4 .process-item {
	width: auto;
	margin: 0;
}
.medical-device-registration-service-module #tab3 .process-item:nth-child(1),
.medical-device-registration-service-module #tab3 .process-item:nth-child(2),
.medical-device-registration-service-module #tab3 .process-item:nth-child(3),
.medical-device-registration-service-module #tab3 .process-item:nth-child(4),
.medical-device-registration-service-module #tab4 .process-item:nth-child(1),
.medical-device-registration-service-module #tab4 .process-item:nth-child(2),
.medical-device-registration-service-module #tab4 .process-item:nth-child(3),
.medical-device-registration-service-module #tab4 .process-item:nth-child(4) {
	flex: 0 0 calc(20% - 24px);
	max-width: calc(20% - 24px);
}
.medical-device-registration-service-module #tab3 .process-item:nth-child(5),
.medical-device-registration-service-module #tab3 .process-item:nth-child(6),
.medical-device-registration-service-module #tab3 .process-item:nth-child(7),
.medical-device-registration-service-module #tab4 .process-item:nth-child(5),
.medical-device-registration-service-module #tab4 .process-item:nth-child(6),
.medical-device-registration-service-module #tab4 .process-item:nth-child(7) {
	flex: 0 0 calc(28% - 24px);
	max-width: calc(28% - 24px);
}

.medical-device-registration-service-module .process-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	padding: 24px;
	background: none;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	box-shadow: none;
	text-align: center;
	position: static;
	overflow: visible;
}

.medical-device-registration-service-module #tab1 .process-num {
	background: #2563eb;
}
.medical-device-registration-service-module #tab2 .process-num {
	background: #059669;
}
.medical-device-registration-service-module #tab3 .process-num {
	background: #9333ea;
}
.medical-device-registration-service-module #tab4 .process-num {
	background: #ea580c;
}
.medical-device-registration-service-module .process-num {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 22px;
	flex-shrink: 0;
	box-shadow: none;
	margin: 0 auto 18px;
}
.medical-device-registration-service-module .process-info h4 {
	font-size: 22px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 12px;
	transition: none
}
.medical-device-registration-service-module .process-info p {
	font-size: 16px;
	color: #64748b;
	line-height: 1.6
}
.medical-device-registration-service-module #tab1 .process-item {
	color: #2563eb
}
.medical-device-registration-service-module #tab2 .process-item {
	color: #059669;
}
.medical-device-registration-service-module #tab3 .process-item {
	color: #9333ea
}
.medical-device-registration-service-module #tab4 .process-item {
	color: #ea580c
}
.medical-device-registration-service-module .service-meta {
	display: block;
	align-items: none;
	gap: 0;
	margin-bottom: 24px;
	padding: 0;
	background-color: none;
	border-radius: 0;
	border: none;
	box-shadow: none;
	max-width: none;
	text-align: center;
	font-size: 18px;
	color: #64748b
}
.medical-device-registration-service-module .service-meta .meta-item {
	display: block;
	align-items: none;
	gap: 0;
	font-size: 18px;
	color: #64748b;
	white-space: normal
}
.medical-device-registration-service-module .btn-group {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 20px
}
.medical-device-registration-service-module .btn-primary {
	padding: 14px 32px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	border-radius: 8px;
	box-shadow: none;
	background: #1c85a4;
	position: static;
	overflow: visible;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.medical-device-registration-service-module .btn-primary:hover {
	color: #1c85a4;
	background:#ffffff;
	border: 0.5px solid #1c85a4;
}
.medical-device-registration-service-module .btn-outline {
	padding: 14px 32px;
	font-size: 18px;
	font-weight: 600;
	color: currentColor;
	background-color: transparent;
	border-radius: 8px;
	border: 1.5px solid currentColor;
	box-shadow: none;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0
}
.medical_service_advantage_module {
    width: 100%;
    height: auto;
    min-height: 800px;
    background: #f8fafc;
    overflow: hidden;
    min-width: 1600px;
    padding: 70px 0 80px;
    position: relative;
}

.medical_service_advantage_module .medical_advantage_title_wrapper {
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
    position: relative;
}
.medical_service_advantage_module .medical_advantage_title_wrapper h2 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 12px 0;
    letter-spacing: 1px;
    color: #1f2937;
    line-height: 1.4;
}
.medical_service_advantage_module .medical_advantage_title_wrapper p {
    font-size: 16px;
    opacity: 0.8;
    margin: 0;
    color: #4b5563;
    line-height: 1.6;
}
.medical_service_advantage_module .title-line {
    width: 80px;
    height: 3px;
    margin: 15px auto 0;
    border-radius: 2px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
}

.medical_service_advantage_module .medical_advantage_items_list {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.medical_service_advantage_module .medical_advantage_single_item {
    flex: 1;
    min-width: 380px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    background: #ffffff;
}
.medical_service_advantage_module .medical_advantage_single_item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.medical_service_advantage_module .item-icon {
    width: 60px;
    height: 60px;
    background: #1c85a4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 37px;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.icon-medical-zhuce:before {
    content: "\e800";
}
.icon-medical-jingyan:before {
    content: "\e636";
}
.icon-medical-ziyuan:before {
    content: "\e619";
}
.medical_service_advantage_module .medical_advantage_item_two .item-icon {
    background: #1a7399;
}
.medical_service_advantage_module .medical_advantage_item_three .item-icon {
    background: #166286;
}

.medical_service_advantage_module .medical_advantage_item_content {
    width: 100%;
}
.medical_service_advantage_module .medical_advantage_item_content h3 {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 15px;
    line-height: 1.5;
}
.medical_service_advantage_module .item-detail {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    color: #4b5563;
    line-height: 2;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
}
.medical_service_advantage_module .item-detail li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 5px;
}
.medical_service_advantage_module .item-detail li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    background: #1c85a4;
    border-radius: 50%;
}
.medical_service_advantage_module .medical_advantage_item_content p {
    font-size: 18px;
    color: #6b7280;
    line-height: 1.8;
    margin: 0;
    text-align: left;
}

.medical_service_advantage_module .medical_advantage_bottom_description {
    text-align: center;
    color: #1f2937;
    font-size: 18px;
    line-height: 2;
    margin: 0 auto;
    padding: 25px 30px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}
.medical_service_advantage_module .medical_advantage_bottom_description p {
    margin: 0 0 12px 0;
    color: #4b5563;
}
.medical_service_advantage_module .medical_advantage_bottom_description p:last-child {
    margin-bottom: 25px;
}

.medical_service_advantage_module .btn-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.medical_service_advantage_module .btn-primary {
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: #1c85a4;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.medical_service_advantage_module .btn-primary:hover {
    background: #166286;
    transform: translateY(-2px);
}
.medical_service_advantage_module .btn-outline {
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #1c85a4;
    background: transparent;
    border: 1px solid #1c85a4;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.medical_service_advantage_module .btn-outline:hover {
    background: #f1f5f9;
    transform: translateY(-2px);
}
.medical_reg_full_cycle_service {
    background-color: #ffffff;
    padding: 60px 0;
    position: relative;
}
.medical_reg_full_cycle_service .medical_reg_service_title {
    text-align: center;
    margin-bottom: 70px;
}
.medical_reg_full_cycle_service .medical_reg_service_title h2 {
    display: inline-block;
    position: relative;
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 15px 0;
    letter-spacing: 1px;
    color: #1f2937;
    padding: 0 0 15px;
}
.medical_reg_full_cycle_service .medical_reg_service_title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    border-radius: 2px;
}
.medical_reg_full_cycle_service .medical_reg_service_title p {
    font-size: 16px;
    opacity: 0.8;
    color: #4b5563;
    line-height: 1.6;
}
.medical_reg_full_cycle_service .medical_reg_service_process {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 90px;
}
.medical_reg_full_cycle_service .medical_reg_process_line {
    position: absolute;
    top: 36px;
    left: 60px;
    right: 60px;
    height: 2px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    z-index: 1;
}
.medical_reg_full_cycle_service .medical_reg_process_item {
    width: 18%;
    text-align: center;
    position: relative;
    z-index: 2;
}
.medical_reg_full_cycle_service .medical_reg_process_icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    border-radius: 50%;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 4px 12px rgba(28, 133, 164, 0.2);
}
.medical_reg_full_cycle_service .medical_reg_process_item h3 {
    font-size: 22px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 12px;
}
.medical_reg_full_cycle_service .medical_reg_process_item p {
    font-size: 16px;
    color: #777777;
    line-height: 1.7;
    margin: 0;
}
.medical_reg_full_cycle_service .medical_reg_service_capability {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}
.medical_reg_full_cycle_service .medical_reg_capability_item {
    background-color: #f8fafc;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.medical_reg_full_cycle_service .medical_reg_capability_item:hover {
    transform: translateY(-5px);
    border-color: #e8f4f8;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.medical_reg_full_cycle_service .medical_reg_capability_icon {
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}
.icon-biaozhunhua:before{
  content:"\e61a";
}
.icon-shujuhuizong:before{
  content:"\e61b";
}
.icon-ziyuanzhenghe:before{
  content:"\e689";
}
.icon-duizhantuan:before{
  content:"\e7ba";
}
.medical_reg_full_cycle_service .medical_reg_capability_icon i {
    font-size: 40px;
    color: #1c85a4;
}
.medical_reg_full_cycle_service .medical_reg_capability_icon i.icon-shujuhuizong {
    font-size: 36px;
}
.medical_reg_full_cycle_service .medical_reg_capability_icon i.icon-ziyuanzhenghe {
    font-size: 42px;
}
.medical_reg_full_cycle_service .medical_reg_capability_item h3 {
    font-size: 22px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
}
.medical_reg_full_cycle_service .medical_reg_capability_item p {
    font-size: 14px;
    color: #777777;
    line-height: 1.7;
    margin: 0;
}
.medical_reg_full_cycle_service .medical_reg_service_guarantee {
    background: linear-gradient(to right, #f0f8fb, #e8f4f8);
    border-radius: 20px;
    padding: 60px;
    text-align: center;
}
.medical_reg_full_cycle_service .medical_reg_guarantee_content h3 {
    font-size: 28px;
    color: #1c85a4;
    font-weight: 600;
    margin-bottom: 20px;
}
.medical_reg_full_cycle_service .medical_reg_guarantee_content p {
    font-size: 18px;
    color: #666666;
    line-height: 1.5;
    margin: 0 auto 30px;
}
.medical_reg_full_cycle_service .medical_reg_service_btn {
    display: inline-block;
    padding: 12px 36px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(28, 133, 164, 0.2);
}
.medical_reg_full_cycle_service .medical_reg_service_btn:hover {
    background: linear-gradient(to right, #1c85a4, #0f6b88);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(28, 133, 164, 0.3);
    color: #ffffff;
}
.medical_reg_faq {
    background-color: #f8fafc;
    padding: 60px 0;
}
.medical_reg_faq .medical_reg_faq_title {
    text-align: center;
    margin-bottom: 60px;
}
.medical_reg_faq .medical_reg_faq_title h2 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin: 0 0 15px 0;
    letter-spacing: 1px;
    color: #1f2937;
    padding: 0 0 15px;
}
.medical_reg_faq .medical_reg_faq_title h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    border-radius: 2px;
}
.medical_reg_faq .medical_reg_faq_title p {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}
.medical_reg_faq .medical_reg_faq_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}
.medical_reg_faq .medical_reg_faq_item {
    background-color: #ffffff;
    padding: 28px 25px;
    border-radius: 12px;
    border: 1px solid #f0f4f8;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
}
.medical_reg_faq .medical_reg_faq_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(28, 133, 164, 0.08);
    border-color: #e0f0f8;
}
.medical_reg_faq .medical_reg_faq_question {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.medical_reg_faq .medical_reg_faq_question i {
    width: 28px;
    height: 28px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.icon-question:before{
	content:"\e61e";
}
.medical_reg_faq .medical_reg_faq_question span {
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.5;
}
.medical_reg_faq .medical_reg_faq_answer {
    font-size: 15px;
    color: #555e6b;
    line-height: 1.8;
    padding-left: 40px;
}
.medical_reg_faq .medical_reg_faq_btn {
    display: inline-block;
    padding: 14px 40px;
    background: linear-gradient(to right, #4eb6e3, #1c85a4);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(28, 133, 164, 0.15);
    text-align: center;
    margin: 0 auto;
    display: block;
    width: fit-content;
}
.medical_reg_faq .medical_reg_faq_btn:hover {
    background: linear-gradient(to right, #1c85a4, #0f6b88);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(28, 133, 164, 0.25);
}
.icon-registration-certificate:before{
   content:"\e6e3";
}
.icon-certificate-management:before{
   content:"\e646";
}
.icon-ivd-certificate:before{
   content:"\e61d";
}
.icon-globe-certificate:before{
   content:"\e767";
}
.med-reg-service-new-module .iconfont {
  color: #1c85a4;
  font-size: 48px;
}

.med-reg-service-new-module {
  padding: 60px 0;
  background-color: #fff;
}

.med-reg-service-new-module .service-new-header {
  text-align: center;
  margin-bottom: 40px;
}

.med-reg-service-new-module .service-new-heading {
  font-size: 38px;
  position: relative;
  display: inline-block;
  margin: 0 0 15px 0;
  letter-spacing: 1px;
  color: #1f2937;
  padding: 0 0 15px;
}

.med-reg-service-new-module .service-new-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(to right, #4eb6e3, #1c85a4);
  border-radius: 3px;
}

.med-reg-service-new-module .service-new-desc {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.med-reg-service-new-module .service-new-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.med-reg-service-new-module .service-new-card {
  background-color: #f5f7fa;
  border-radius: 10px;
  padding: 30px 24px;
  box-shadow: 0 2px 8px rgba(0, 153, 230, 0.1);
  transition: all 0.3s ease;
  border-top: 3px solid transparent;
}

.med-reg-service-new-module .service-new-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 153, 230, 0.15);
  border-top-color: #1c85a4;
  background-color: #fff;
}

.med-reg-service-new-module .card-new-icon {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.med-reg-service-new-module .card-new-icon .iconfont {
  transition: all 0.3s ease;
}

.med-reg-service-new-module .service-new-card:hover .card-new-icon .iconfont {
  transform: scale(1.1);
  color: #1c85a4;
}

.med-reg-service-new-module .card-new-title {
  font-size: 22px;
  color: #333;
  text-align: center;
  margin: 0 0 20px;
  font-weight: 600;
}

.med-reg-service-new-module .card-new-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.med-reg-service-new-module .card-new-list li {
  margin-bottom: 12px;
  text-align: center;
}

.med-reg-service-new-module .card-new-list li:last-child {
  margin-bottom: 0;
}

.med-reg-service-new-module .card-new-list a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  padding: 8px 0;
  display: block;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.med-reg-service-new-module .card-new-list a:hover {
  color: #1c85a4;
  background-color: #e8f4fc;
  font-weight: 500;
}
/* sanleiqixiezhuce lanmu */
.three-medical-hero-outer {
    padding: 60px 0;
    background-color: #f7fbff;
}
.three-medical-hero-outer .double-frame-container {
    display: grid;
    grid-template-columns: 37% 63%;
    gap: 24px;
    align-items: stretch;
}
.three-medical-hero-outer .left-big-frame {
    background: #ffffff;
    border: 1px solid #e8f4f9;
    border-radius: 16px;
    padding: 50px 45px;
    box-shadow: 0 6px 20px rgba(28,133,165,0.04);
    display: flex;
    flex-direction: column;
}
.three-medical-hero-outer .hero-pain-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}
.three-medical-hero-outer .hero-pain-tags span {
    font-size: 16px;
    color: #1c85a5;
    font-weight: 500;
    padding: 6px 16px;
    background: #f0f7fa;
    border-radius: 24px;
}
.three-medical-hero-outer .hero-left h2 {
    font-size: 50px;
    font-weight: 800;
    color: #112b47;
    line-height: 1.25;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}
.three-medical-hero-outer .hero-trust-data {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 35px;
}
.three-medical-hero-outer .hero-trust-data span {
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #1c85a5;
    line-height: 1.2;
}
.three-medical-hero-outer .hero-trust-data span span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #6c7a88;
    margin-top: 4px;
}
.three-medical-hero-outer .hero-trust-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.three-medical-hero-outer .hero-trust-badges span {
    font-size: 15px;
    color: #586a78;
    padding: 8px 18px;
    background: #f7fbff;
    border: 1px solid #e8f4f9;
    border-radius: 8px;
}
.three-medical-hero-outer .hero-cta {
    display: flex;
    gap: 15px;
    align-items: center;
}
.three-medical-hero-outer .cta-main {
    flex: 1;
    height: 58px;
    line-height: 58px;
    background: #1c85a5;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
.three-medical-hero-outer .cta-main:hover {
    background: #166b86;
    box-shadow: 0 8px 20px rgba(28,133,165,0.15);
}
.three-medical-hero-outer .cta-sub {
    flex: 1;
    height: 58px;
    line-height: 58px;
    color: #1c85a5;
    border: 1px solid #1c85a5;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
.three-medical-hero-outer .cta-sub:hover {
    background: #f0f7fa;
}
.three-medical-hero-outer .right-big-frame {
    background: #ffffff;
    border: 1px solid #e8f4f9;
    border-radius: 16px;
    padding: 50px 45px;
    box-shadow: 0 6px 20px rgba(28,133,165,0.04);
}
.three-medical-hero-outer .hero-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.three-medical-hero-outer .value-card {
    background: #f7fbff;
    border-radius: 12px;
    padding: 32px 28px;
    transition: all 0.35s ease;
}
.three-medical-hero-outer .value-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(28,133,165,0.08);
    background: #ffffff;
}
.three-medical-hero-outer .card-icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: #1c85a5;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 20px;
}
.three-medical-hero-outer .value-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #112b47;
    margin-bottom: 12px;
}
.three-medical-hero-outer .value-card p {
    font-size: 16px;
    color: #6c7a88;
    line-height: 1.75;
}
.three-medical-service-module {
    padding: 60px 0;
    background-color: #ffffff;
}
.three-medical-service-module .service-wrap {
    margin: 0 auto;
}
.three-medical-service-module .service-title-box {
    text-align: center;
    margin-bottom: 60px;
}
.three-medical-service-module .service-title-box h2 {
    font-size: 32px;
    font-weight: 800;
    color: #112b47;
    line-height: 1.3;
    margin-bottom: 15px;
}
.three-medical-service-module .service-title-box p {
    font-size: 16px;
    color: #6c7a88;
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto;
}
.three-medical-service-module .service-process {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 60px;
}
.three-medical-service-module .process-item {
    flex: 1;
    background: #f7fbff;
    border-radius: 16px;
    padding: 40px 30px;
    position: relative;
}
.three-medical-service-module .process-num {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #1c85a5;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 25px;
}
.three-medical-service-module .process-item h3 {
    font-size: 22px;
    font-weight: 700;
    color: #112b47;
    margin-bottom: 15px;
}
.three-medical-service-module .process-item p {
    font-size: 14px;
    color: #6c7a88;
    line-height: 1.75;
    margin: 0;
}
.three-medical-service-module .service-support {
    display: flex;
    align-items: center;
    gap: 40px;
    background: #f0f7fa;
    border-radius: 16px;
    padding: 60px 50px;
}
.three-medical-service-module .support-left {
    flex: 0.7;
}
.three-medical-service-module .support-left h3 {
    font-size: 26px;
    font-weight: 700;
    color: #112b47;
    margin-bottom: 25px;
}
.three-medical-service-module .support-left ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.three-medical-service-module .support-left ul li {
    font-size: 16px;
    color: #586a78;
    line-height: 2;
    padding-left: 20px;
    position: relative;
}
.three-medical-service-module .support-left ul li span {
    position: absolute;
    left: 0;
    top: 2px;
    color: #1c85a5;
    font-weight: 700;
}
.three-medical-service-module .service-tips {
    font-size: 15px;
    color: #6c7a88;
    padding: 12px 15px;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 25px;
    line-height: 1.6;
}
.three-medical-service-module .support-btn {
    display: inline-block;
    width: 220px;
    height: 58px;
    line-height: 58px;
    background: #1c85a5;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}
.three-medical-service-module .support-btn:hover {
    background: #166b86;
    box-shadow: 0 8px 20px rgba(28,133,165,0.15);
}
.three-medical-service-module .support-right {
    flex: 1.3;
}
.three-medical-service-module .medical-data-box {
    display: flex;
    justify-content: space-around;
    text-align: center;
    gap: 30px;
}
.three-medical-service-module .medical-data-item {
    flex: 1;
    padding: 15px 0;
}
.three-medical-service-module .medical-data-item span {
    display: block;
    font-size: 40px;
    font-weight: 800;
    color: #1c85a5;
    line-height: 1.2;
    margin-bottom: 8px;
}
.three-medical-service-module .medical-data-item p {
    font-size: 15px;
    color: #6c7a88;
    margin: 0;
}
.three-medical-problem-solution {padding: 60px 0;background:#f8fafc;}
.three-medical-problem-solution .three-medical-section-title {text-align:center;margin-bottom:35px;}
.three-medical-problem-solution .three-medical-section-title h2 {font-size:32px;font-weight:800;color:#112b47;margin-bottom:12px;line-height:1.3;}
.three-medical-problem-solution .three-medical-section-title p {font-size:16px;color:#6c7a88;max-width:900px;margin:0 auto;line-height:1.7;}
.three-medical-problem-solution .three-medical-row {display:flex;gap:20px;width:100%;margin-bottom:20px;align-items:stretch;}
.three-medical-problem-solution .three-medical-row-first .three-medical-pain-box {flex:2;display:flex;gap:15px;}
.three-medical-problem-solution .three-medical-pain-card {flex:1;background:#fff;border-radius:22px;padding:28px 25px;border:1px solid #f2f7fb;box-shadow:0 8px 25px rgba(28,133,164,0.05);position:relative;overflow:hidden;}
.three-medical-problem-solution .three-medical-pain-card::before {content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px;}
.three-medical-problem-solution .three-medical-pain-left::before {
	background: linear-gradient(to bottom, #1c85a4, #b5cd32 );
}
.three-medical-problem-solution .three-medical-pain-right::before {
	background: linear-gradient(to bottom, #b5cd32, #1c85a4 );
}
.three-medical-problem-solution .three-medical-card-head {display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #f5f9fc;}
.three-medical-problem-solution .three-medical-card-head h3 {font-size:24px;color:#112b47;font-weight:700;}
.three-medical-problem-solution .three-medical-card-head span {font-size:16px;color:#6c7a88;margin-left:8px;}
.three-medical-problem-solution .three-medical-card-body li {display:flex;align-items:flex-start;margin-bottom:30px;line-height:1.7;padding-bottom:20px;border-bottom:1px dashed #f0f7fb;}
.three-medical-problem-solution .three-medical-card-body li:last-of-type {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.three-medical-problem-solution .three-medical-pain-left .three-medical-card-body li i {color:#1c85a4;margin-right:12px;font-size: 30px;line-height:18px;flex-shrink:0;margin-top: 6px;}
.three-medical-problem-solution .three-medical-pain-right .three-medical-card-body li i {color:#b5cd32;margin-right:12px;font-size: 30px;line-height:18px;flex-shrink:0;margin-top: 6px;}
.three-medical-problem-solution .three-medical-pain-item-content {flex:1;}
.icon-warning-fill:before{
	content:"\e67e"
}
.icon-info-fill:before{
	content:"\e638"
}
.icon-speed-fill:before{
	content:"\e6e0"
}
.icon-safe-fill:before{
	content:"\e620"
}
.icon-service-fill:before{
	content:"\e623"
}
.icon-custom-fill:before{
	content:"\e7a7"
}
.icon-contract-fill:before{
	content:"\e624"
}
.icon-progress-fill:before{
	content:"\ea6e"
}
.icon-secret-fill:before{
	content:"\e80c"
}
.icon-edit-fill:before{
	content:"\e68a"
}
.icon-rule-fill:before{
	content:"\e65f"
}
.icon-aftersale-fill:before{
	content:"\e626"
}
.icon-price-fill:before{
	content:"\e8f8"
}
.icon-team-fill:before{
	content:"\e650"
}
.icon-trial-fill:before{
	content:"\e64b"
}
.icon-tips-fill:before{
	content:"\e62b"
}
.three-medical-problem-solution .three-medical-pain-item-content strong {font-size:18px;color:#112b47;font-weight:600;display:block;margin-bottom:4px;}
.three-medical-problem-solution .three-medical-pain-item-content p {font-size:16px;color:#6c7a88;line-height:1.7;margin:0;}
.three-medical-problem-solution .three-medical-row-first .three-medical-advantage-card {flex:1;background:#fff;border-radius:22px;padding:28px 25px;border:1px solid #f2f7fb;box-shadow:0 4px 15px rgba(28,133,164,0.04);display:flex;flex-direction:column;justify-content:space-between;}
.three-medical-problem-solution .three-medical-adv-item {display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px dashed #f0f7fb;}
.three-medical-problem-solution .three-medical-adv-item:last-child {border-bottom:none;}
.three-medical-problem-solution .three-medical-adv-item i {font-size:30px;color:#1C85A4;width:55px;height:55px;line-height:55px;text-align:center;background:#e6f4f9;border-radius:8px;flex-shrink:0;}
.three-medical-problem-solution .three-medical-adv-text strong {font-size:18px;color:#112b47;font-weight:700;display:block;}
.three-medical-problem-solution .three-medical-adv-text p {font-size:16px;color:#6c7a88;line-height:1.7;margin-top:4px;}
.three-medical-problem-solution .three-medical-row-second .three-medical-solution-card {flex:2;background:linear-gradient(135deg,#1C85A4,#187996);border-radius:22px;padding:28px 25px;border:1px solid #f2f7fb;box-shadow:0 10px 30px rgba(28,133,164,0.15);display:flex;flex-direction:column;}
.three-medical-problem-solution .three-medical-solution-head {text-align:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.2);}
.three-medical-problem-solution .three-medical-solution-head h3 {font-size:24px;color:#fff;font-weight:700;margin-bottom:8px;}
.three-medical-problem-solution .three-medical-solution-head p {font-size:14px;color:rgba(255,255,255,0.9);margin:0;line-height:1.7;}
.three-medical-problem-solution .three-medical-solution-body {flex:1;}
.three-medical-problem-solution .three-medical-solution-body ul {display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.three-medical-problem-solution .three-medical-solution-body li {display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,0.08);padding:20px 18px;border-radius:12px;transition:all 0.3s ease;}
.three-medical-problem-solution .three-medical-solution-body li:hover {background:rgba(255,255,255,0.12);transform:translateY(-2px);}
.three-medical-problem-solution .three-medical-sol-icon {width:45px;height:45px;line-height:45px;background:rgba(255,255,255,0.25);color:#fff;font-size:20px;font-weight:700;border-radius:8px;text-align:center;flex-shrink:0;margin-top:2px;}
.three-medical-problem-solution .three-medical-sol-text strong {font-size:20px;color:#fff;font-weight:600;display:block;margin-bottom:5px;}
.three-medical-problem-solution .three-medical-sol-text p {font-size:16px;color:rgba(255,255,255,0.95);line-height:1.7;margin:0;}
.three-medical-problem-solution .three-medical-row-second .three-medical-guarantee-card {flex:1;background:#fff;border-radius:22px;padding:28px 25px;border:1px solid #f2f7fb;box-shadow:0 4px 15px rgba(28,133,164,0.04);display:flex;flex-direction:column;justify-content:space-between;}
.three-medical-problem-solution .three-medical-guarantee-card h3 {font-size:24px;color:#112b47;font-weight:700;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f7fb;}
.three-medical-problem-solution .three-medical-guarantee-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;}
.three-medical-problem-solution .three-medical-guarantee-item {display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#f9fcfe;border-radius:12px;text-align:center;}
.three-medical-problem-solution .three-medical-guarantee-item i {font-size:22px;color:#FFC107;width:40px;height:40px;line-height:40px;text-align:center;background:#FFF8E1;border-radius:8px;flex-shrink:0;}
.three-medical-problem-solution .three-medical-guarantee-item span {font-size:18px;color:#112b47;font-weight:600;}
.three-medical-problem-solution .three-medical-guarantee-tips {padding:15px;background:#fff8f5;border:1px solid #ffe8e0;border-radius:10px;display:flex;align-items:flex-start;gap:8px;margin-top:15px;}
.three-medical-problem-solution .three-medical-guarantee-tips i {font-size:18px;color:#FF7D00;margin-top:2px;flex-shrink:0;}
.three-medical-problem-solution .three-medical-guarantee-tips p {font-size:13px;color:#FF7D00;line-height:1.7;margin:0;}
.three-medical-process {
    padding: 60px 0;
}
.three-medical-process .three-medical-section-title h2 {
    font-size: 32px;
    font-weight: 800;
    color: #112b47;
    margin-bottom: 12px;
    line-height: 1.3;
    text-align: center;
}
.three-medical-process .three-medical-section-title p {
    font-size: 16px;
    color: #6c7a88;
    line-height: 1.7;
    text-align: center;
    margin: 0;
}
.three-medical-process .three-medical-process-wrap {
    width: 100%;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.three-medical-process .three-medical-process-card {
    background: #fff;
    border-radius: 22px;
    padding: 28px 25px;
    border: 1px solid #f2f7fb;
    box-shadow: 0 4px 15px rgba(28,133,164,0.04);
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.three-medical-process .three-medical-process-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.three-medical-process .three-medical-process-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #1c85a5;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
}
.three-medical-process .three-medical-process-title {
    font-size: 24px;
    color: #112b47;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}
.three-medical-process .three-medical-process-dot {
    flex: 1;
}
.three-medical-process .three-medical-process-dot p {
    font-size: 16px;
    color: #6c7a88;
    line-height: 1.8;
    margin: 0 0 10px 0;
}
.three-medical-process .three-medical-process-dot p:last-child {
    margin-bottom: 0;
}
.three-medical-process .card-ad {
    background: linear-gradient(120deg, #1c85a5, #b5cd32);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    justify-content: center;
    box-shadow: 0 6px 20px rgba(28,133,165,0.25);
    position: relative;
    overflow: hidden;
}
.three-medical-process .card-ad::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
    transition: all 0.8s ease;
}
.three-medical-process .card-ad:hover::before {
    left: 100%;
}
.three-medical-process .ad-box {
    width: 100%;
    text-align: center;
}
.three-medical-process .ad-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 1.3;
    position: relative;
    padding-bottom: 12px;
}
.three-medical-process .ad-title:after {
    content: "";
    width: 70px;
    height: 3px;
    background: #ffffff;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.three-medical-process .ad-desc p {
    font-size: 16px;
    margin: 0 0 12px 0;
    font-weight: 500;
    text-align: left;
    padding-left: 15px;
}
.three-medical-process .ad-desc p:last-child {
    margin-bottom: 0;
}
.three-medical-cert-case {
    padding: 60px 0;
    background: #f8fafc;
    width: 100%;
}
.three-medical-cert-case .case-module-title {
    text-align: center;
    margin-bottom: 35px;
    width: 100%;
}
.three-medical-cert-case .case-module-title h2 {
    font-size: 32px;
    font-weight: 800;
    color: #112b47;
    margin-bottom: 12px;
    line-height: 1.3;
    text-align: center;
}
.three-medical-cert-case .case-module-title p {
    font-size: 16px;
    color: #6c7a88;
    line-height: 1.7;
    text-align: center;
}
.three-medical-cert-case .cert-content-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 18px;
    width: 100%;
}
.three-medical-cert-case .cert-promotion {
    width: 20%;
    background: linear-gradient(135deg,#1c85a5 0%,#0f6886 100%);
    border-radius: 16px;
    padding: 22px 18px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.three-medical-cert-case .cert-promotion h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    margin: 18px 0 18px;
    text-align: center;
}
.three-medical-cert-case .promotion-list {
    list-style: none;
    padding: 0;
    margin: 0 0 auto;
}
.three-medical-cert-case .promotion-list li {
    font-size: 16px;
    line-height: 1.9;
    padding-left: 3px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 8px;
}
.three-medical-cert-case .cert-promotion .case-module-btn a {
    display: block;
    width: 100%;
    padding: 11px 0;
    background: rgba(255,255,255,0.2);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 25px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.3);
    margin-top: 15px;
}
.three-medical-cert-case .cert-show-wrap {
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 18px;
}
.three-medical-cert-case .cert-case-list {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 18px;
}
.three-medical-cert-case .cert-item {
    width: 25%;
    background: #ffffff;
    border-radius: 16px;
    padding: 18px;
    border: 1px solid #f2f7fb;
    box-shadow: 0 3px 12px rgba(164,135,28,0.09);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
}
.three-medical-cert-case .cert-img-box {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    flex: 1;
}
.three-medical-cert-case .cert-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.three-medical-cert-case .cert-name {
    font-size: 18px;
    color: #112b47;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.three-medical-service-box {
    padding: 60px 0;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #f5f9fc;
    border-radius: 16px;
    overflow: hidden;
}
.three-medical-service-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #1991d8, #1c85a5, #1991d8);
}
.three-medical-service-box .et {
    padding: 0 30px;
    margin: 0 auto;
}
.three-medical-service-box .service-title-wrap {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 50px;
}
.three-medical-service-box .service-title-wrap h2 {
    font-size: 34px;
    font-weight: 800;
    color: #0f2b48;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: 0.5px;
}
.three-medical-service-box .service-title-wrap p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #687689;
    line-height: 1.8;
}
.three-medical-service-box .service-sub-desc {
    font-size: 15px;
    color: #1c85a5;
    font-weight: 600;
}
.three-medical-service-box .service-line {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #1c85a5, transparent);
    margin: 0 auto 40px;
    border-radius: 2px;
}
.three-medical-service-box .service-item-container {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 50px;
    margin-bottom: 60px;
}
.three-medical-service-box .service-card-item {
    flex: 1;
    min-width: 0;
    height: 240px;
    background-color: #fbfdff;
    border: 1px solid #e9f2f8;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 20px 15px;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}
.three-medical-service-box .service-card-item::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgb(28 133 165 / 4%), rgb(25 145 216 / 3%));
    border-radius: 50%;
    z-index: 1;
}
.three-medical-service-box .service-card-item::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, rgb(28 133 165 / 7%), rgb(25 145 216 / 3%));
    border-radius: 50%;
    z-index: 1;
}
.three-medical-service-box .three-card-icon {
    font-size: 56px;
    color: #1c85a5;
    margin-bottom: 18px;
    font-weight: 400;
    position: relative;
    z-index: 2;
}
.icon-check2:before{
	content:"\e67b"
}
.three-medical-service-box .three-card-text {
    font-size: 20px;
    color: #0f2b48;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}
.three-medical-service-box .three-card-desc {
    font-size: 14px;
    color: #7a899a;
    text-align: center;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}
.three-medical-service-box .service-card-item:hover {
    background-color: #1c85a5;
    border-color: transparent;
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(28, 133, 165, 0.18);
}
.three-medical-service-box .service-card-item:hover::before {
    background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.25));
}
.three-medical-service-box .service-card-item:hover::after {
    background: linear-gradient(45deg, rgba(255,255,255,0.12), rgba(255,255,255,0.20));
}
.three-medical-service-box .service-card-item:hover .three-card-icon,
.three-medical-service-box .service-card-item:hover .three-card-text,
.three-medical-service-box .service-card-item:hover .three-card-desc {
    color: #ffffff;
}
.three-medical-service-box .service-bottom-tips {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    padding: 22px 40px;
    background-color: #1c85a5;
    border-radius: 12px;
    border: 1px solid #e9f2f8;
}
.three-medical-service-box .service-bottom-tips span{
    font-weight:bold;
    font-size: 20px;
}
/* yileiqixiebeian lanmu */
.one-med-register-final {
    padding: 40px 0;
}
.one-med-register-final .wrap {
    display: flex;
    gap: 30px;
    align-items: stretch;
}
.one-med-register-final .left-box-main {
    flex: 0 0 32%;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 25px;
    box-shadow: 0 8px 24px rgba(149, 157, 165, 0.08);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.one-med-register-final .label-tag {
    font-size: 16px;
    color: #1c85a5;
    background: #e6f4ff;
    padding: 6px 15px;
    border-radius: 20px;
    display: inline-block;
    font-weight: 500;
}
.one-med-register-final .left-box-main h2 {
    color: #112b47;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3;
}
.one-med-register-final .meta-text {
    font-size: 16px;
    color: #6c7a88;
    margin: 0;
    line-height: 1.6;
}
.one-med-register-final .warning-block {
    background: #fff5f5;
    padding: 22px;
    border-radius: 12px;
    border-left: 4px solid #e53e3e;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.one-med-register-final .warning-title {
    font-size: 20px;
    font-weight: 600;
    color: #e53e3e;
    margin: 0;
}
.one-med-register-final .warning-desc {
    font-size: 16px;
    color: #6c7a88;
    margin: 0;
    line-height: 1.7;
}
.one-med-register-final .service-adv {
    background: #f8faff;
    padding: 20px;
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 20px;
    font-size: 16px;
}
.one-med-register-final .adv-item {
    font-size: 16px;
    color: #334155;
    line-height: 1.7;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.one-med-register-final .adv-item i {
    color: #00b42a;
    font-size: 18px;
    flex-shrink: 0;
}
.one-med-register-final .btn-submit {
    display: block;
    font-size: 18px;
    padding: 16px 0;
    background: #1c85a5;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s;
    margin-top: auto;
}
.one-med-register-final .btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgb(255 255 255 / 30%);
}
.one-med-register-final .btn-desc {
    font-size: 16px;
    color: #6c7a88;
    text-align: center;
    line-height: 1.6;
}
.one-med-register-final .right-content-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.one-med-register-final .card-group-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    height: 100%;
}
.one-med-register-final .item-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px 25px;
    box-shadow: 0 5px 18px rgba(149, 157, 165, 0.08);
    border-left: 4px solid #1c85a5;
}
.one-med-register-final .item-card:hover {
    transition: transform 0.2s ease;
}
.one-med-register-final .card-type1:hover,
.one-med-register-final .card-type2:hover{
    transform: translateY(3px);
}
.one-med-register-final .card-type3:hover,
.one-med-register-final .card-type4:hover{
    transform: translateY(-3px);
}
.one-med-register-final .card-title-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}
.one-med-register-final .card-title-bar i {
    font-size: 26px;
    color: #1c85a5;
}
.one-med-register-final .item-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #112b47;
    margin: 0;
}
.one-med-register-final .card-line {
    width: 100%;
    height: 1px;
    background-color: rgba(150,160,170,0.15);
    margin: 12px 0 20px 0;
}
.one-med-register-final .card-type1 .card-text-list li {line-height: 1.6;}
.one-med-register-final .card-type2 .card-text-list li {line-height: 1.1;}
.one-med-register-final .card-type3 .card-text-list li {line-height: 1.2;}
.one-med-register-final .card-type4 .card-text-list li {line-height: 1.5;}
.one-med-register-final .card-text-list li {
    font-size: 16px;
    color: #334155;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
}
.one-med-register-final .card-text-list li:last-of-type {
    margin-bottom: 0;
}
.one-med-register-final .card-text-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.one-med-register-final .card-text-list li i {
    color: #1c85a5;
    font-size: 18px;
    flex-shrink: 0;
}
.icon-hangye:before{
  content:"\e676";
}
.icon-liucheng:before{
  content:"\e6c1";
}
.icon-wuqou:before{
  content:"\e62e";
}
.icon-tiaojian:before{
  content:"\e62d";
}
.icon-xiaotubiao:before{
  content:"\e7ed";
}
.one-med-register-final .icon-liucheng {
    font-size: 20px;
    color: #1c85a5;
}
.one-med-register-record {
  padding: 40px 0;
  background: #fff;
}
.one-med-register-record .et {
}
.one-med-register-record .card-group {
  display: grid;
  gap: 35px;
  margin-bottom: 35px;
}
.one-med-register-record .card-group.row-2 {
  grid-template-columns: repeat(2, 1fr);
}
.one-med-register-record .card-group.row-3 {
  grid-template-columns: repeat(3, 1fr);
}
.one-med-register-record .item-card {
  border-radius: 16px;
  padding: 30px 30px;
  border-left: 4px solid #1c85a5;
  transition: transform 0.2s ease;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #f1f5f8;
}
.one-med-register-record .item-card:hover {
  transform: translateY(-3px);
}
.one-med-register-record .card-type1:hover,
.one-med-register-record .card-type2:hover{
  transform: translateY(3px);
}
.one-med-register-record .card-title-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}
.one-med-register-record .card-title-bar i {
  font-size: 26px;
  color: #1c85a5;
}
.one-med-register-record .item-card h3 {
  font-size: 24px;
  font-weight: 700;
  color: #112b47;
  margin: 0;
}
.one-med-register-record .card-line {
  width: 100%;
  height: 1px;
  background-color: rgba(150,160,170,0.15);
  margin: 12px 0 20px 0;
}
.one-med-register-record .card-text-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}
.one-med-register-record .card-text-list li {
  font-size: 16px;
  color: #334155;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.one-med-register-record .card-text-list li:last-child {
  margin-bottom: 0 !important;
}
.one-med-register-record .card-text-list li i {
  color: #1c85a5;
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.one-med-register-record .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.one-med-register-record .text-title {
  font-size: 18px;
  color: #334155;
  font-weight: 500;
}
.one-med-register-record .text-desc {
  font-size: 16px;
  color: #6c7a88;
  line-height: 20px;
}

.one-med-register-record .adv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 15px;
  flex: 1;
}
.one-med-register-record .adv-item {
  text-align: center;
  padding: 20px 25px;
  background: #f8faff;
  border-radius: 12px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.one-med-register-record .num {
  font-size: 26px;
  color: #1c85a5;
  font-weight: 700;
  display: block;
  line-height: 1.2;
}

.one-med-register-record .adv-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.one-med-register-record .adv-title {
  font-size: 18px;
  color: #334155;
}
.one-med-register-record .adv-desc {
  font-size: 16px;
  color: #6c7a88;
  line-height: 1.6;
}

.one-med-register-record .process-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 15px;
  flex: 1;
}
.one-med-register-record .process-item {
  width: calc(50% - 7.5px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.one-med-register-record .process-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.one-med-register-record .process-icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #1c85a5;
  color: #ffffff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  flex-shrink: 0;
}
.one-med-register-record .process-text {
  font-size: 18px;
  color: #112b47;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}
.one-med-register-record .process-desc {
  font-size: 16px;
  color: #6c7a88;
  margin: 0;
  line-height: 1.6;
}
.one-med-register-record .card-type1 .card-text-list li {
  line-height: 28px;
  margin-bottom: 18px;
}
.one-med-register-record .card-type3 .card-text-list li {
  line-height: 35px;
}
.one-med-register-record .card-type5 .card-text-list li {
  line-height: 27px;
}
/* lianxiwomen */
.contact-page {
  width: 100%;
  padding: 100px 0;
  background: linear-gradient(180deg, #f8f9fa 0%, #f0f5f8 100%);
}
.contact-page .st-contact-card {
  display: flex;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(28, 133, 164, 0.05);
  height: 580px;
  box-shadow: 0 12px 40px rgba(28, 133, 164, 0.08), inset 0 1px 0 rgba(255,255,255,0.8);
  margin: 0 auto;
}
.contact-page .st-contact-info {
  width: 588px;
  padding: 60px 50px;
  background: linear-gradient(135deg, #1c85a4 0%, #1a7a98 100%);
  color: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact-page .st-contact-header {
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.contact-page .st-contact-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.contact-page .st-contact-desc {
  font-size: 20px;
  opacity: 0.85;
  line-height: 1.4;
}
.icon-location:before{
	content:"\e7fc"
}
.icon-postcode:before{
	content:"\e64f"
}
.icon-phone:before{
	content:"\e6ac"
}
.icon-email:before{
	content:"\e64e"
}
.contact-page .st-contact-list {
  list-style: none;
  padding: 0;
  margin: 0 0 23px 0;
  padding: 0 5px;
}
.contact-page .st-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 19px;
  font-size: 18px;
  transition: all 0.2s ease;
  padding: 8px 0;
  border-radius: 8px;
}
.contact-page .st-contact-item:hover {
  background: rgba(255,255,255,0.05);
  padding-left: 8px;
}
.contact-page .st-contact-item:last-child {
  margin-bottom: 0;
}
.contact-page .st-contact-item i {
  font-size: 24px;
  color: #b5cd32;
  margin-top: 2px;
  flex-shrink: 0;
  text-shadow: 0 0 8px rgba(181, 205, 50, 0.3);
}
.contact-page .st-item-label {
  font-weight: 600;
  opacity: 0.9;
  width: 60px;
  flex-shrink: 0;
}
.contact-page .st-item-value {
  flex: 1;
  opacity: 0.95;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
}
.contact-page .st-contact-cta {
  margin-top: auto;
  text-align: center;
}
.contact-page .st-contact-btn {
  display: inline-block;
  padding: 14px 36px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 15px rgba(181, 205, 50, 0.2);
  background: linear-gradient(135deg, #b5cd32 0%, #a8bc2d 100%);
  border: 1px solid rgba(255,255,255,0.2);
  -webkit-font-smoothing: antialiased;
}
.contact-page .st-contact-btn:hover {
  background: linear-gradient(135deg, #a8bc2d 0%, #99ac28 100%);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 20px rgba(181, 205, 50, 0.3);
}
.contact-page .st-contact-map {
  flex: 1;
  border-left: 1px solid rgba(28, 133, 164, 0.05);
}
.contact-page .myinfowindow h5 {
	height: 33px;
	line-height: 36px;
	overflow: hidden;
	font-size: 22px;
	font-weight: bold;
	width: 333px;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}
.contact-page .myinfowindow div {
	margin-top: 10px;
	min-height: 36px;
	line-height: 16px;
	font-size: 16px;
	color: #6f6f6f;
}
.contact-page .amap-info-content {
	padding: 10px 0px 10px 10px;
}
.contact-page .st-map-container {
  width: 100%;
  height: 100%;
}
.contact-page .st-map {
  width: 100%;
  height: 580px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.contact-luxury {
  padding: 80px 0 60px;
  background-color: #f8fafc;
  background-size: 30px 30px;
}
.contact-luxury .contact-main-header {
  text-align: center;
  margin-bottom: 70px;
}
.contact-luxury .contact-main-heading {
  font-size: 44px;
  color: #1f2937;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 18px;
}
.contact-luxury .contact-main-heading::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: #1c85a4;
  margin: 12px auto 0;
  border-radius: 2px;
}
.contact-luxury .contact-sub-heading {
  font-size: 19px;
  color: #6b7280;
  line-height: 1.8;
  margin: 0 auto;
}
.contact-luxury .contact-core-container {
  display: flex;
  gap: 28px;
}
.contact-luxury .contact-primary-card,
.contact-luxury .contact-secondary-group,
.contact-luxury .contact-third-group {
  flex: 1;
  min-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-luxury .contact-primary-card {
  border-radius: 24px;
  padding: 50px 40px;
  color: #ffffff;
  box-shadow: 0 15px 35px #d1e2e8;
  border: 1px solid #d1e2e8;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  background: linear-gradient(135deg, #1c85a4 0%, #1a7a98 100%);
}
.contact-luxury .contact-primary-card:hover {
  box-shadow: 0 20px 40px #bdd6df;
}
.contact-luxury .contact-primary-card::before {
  content: "";
  position: absolute;
  bottom: -70px;
  right: -70px;
  width: 180px;
  height: 180px;
  background: #4a9cb8;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.3s ease;
}
.contact-luxury .contact-primary-card:hover::before {
  width: 200px;
  height: 200px;
  background: #3e94b1;
}
.contact-luxury .contact-primary-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 2;
  height: 100%;
}
.contact-luxury .primary-card-top {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.contact-luxury .primary-card-title {
  font-size: 28px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
  display: inline-block;
  transition: all 0.3s ease;
  color: #1c85a4;
}
.contact-luxury .primary-card-title:hover {
  background: #f9fcfe;
  border-color: #e8f4f8;
  color: #1c85a4;
  transform: translateY(-1px);
}
.contact-luxury .primary-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.contact-luxury .primary-card-tags .primary-tag {
  font-size: 15px;
  padding: 5px 11px;
  background: #4a9cb8;
  border-radius: 20px;
  transition: all 0.2s ease;
}
.contact-luxury .primary-card-tags .primary-tag:hover {
  background: #3e94b1;
  border: none;
  transform: translateY(-1px);
}
.contact-luxury .primary-card-middle {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex-grow: 1;
}
.contact-luxury .primary-card-phone {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.contact-luxury .primary-phone {
  font-size: 42px;
  font-weight: 700;
  color: #ffffff;
  padding: 20px 0;
  background: transparent;
  text-align: center;
  letter-spacing: 2px;
  transition: all 0.3s ease;
  position: relative;
}
.contact-luxury .primary-phone::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15%;
  width: 70%;
  height: 2px;
  background: #4a9cb8;
  border-radius: 1px;
}
.contact-luxury .primary-phone:hover {
  background: transparent;
  border: none;
  transform: translateY(-2px);
  box-shadow: none;
  color: #ffffff;
}
.contact-luxury .primary-phone:hover::after {
  width: 80%;
  left: 10%;
  background: #ffffff;
}
.contact-luxury .primary-phone:active {
  transform: translateY(0);
  box-shadow: none;
}
.contact-luxury .primary-phone-desc {
  font-size: 16px;
  opacity: 0.9;
  margin: 0;
  letter-spacing: 0;
  color: #e8f4f8;
}
.contact-luxury .primary-card-desc {
  font-size: 19px;
  text-align: center;
  opacity: 0.9;
  line-height: 1.8;
  color: #f0f7fa;
}
.contact-luxury .primary-card-extra {
  background: #4a9cb8;
  border-radius: 14px;
  padding: 22px 20px;
  box-shadow: 0 2px 8px #0a5c78;
  transition: all 0.3s ease;
}
.contact-luxury .primary-card-extra:hover {
  background: #3e94b1;
  border: none;
}
.contact-luxury .extra-item {
  font-size: 18px;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.7;
  color: #f9fcfe;
}
.contact-luxury .extra-item:last-child {
  margin-bottom: 0;
}
.contact-luxury .extra-item::before {
  content: "\e6bd";
  font-family: "iconfont";
  font-size: 16px;
  color: #b5cd32;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.icon-yunxiazai:before {
  content: "\e601";
}
.contact-luxury .primary-card-bottom {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.contact-luxury .primary-card-tag {
  font-size: 15px;
  opacity: 0.9;
  padding: 9px 22px;
  background: #4a9cb8;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.contact-luxury .primary-card-tag:hover {
  background: #3e94b1;
  border: none;
  transform: translateY(-1px);
}
.contact-luxury .contact-secondary-group > div {
  flex: 1;
  padding: 36px 32px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 8px 24px #eef2f5;
  border: 1px solid #f0f4f8;
  transition: all 0.3s ease;
}
.contact-luxury .contact-secondary-group > div:hover {
  box-shadow: 0 12px 30px #e6ebf0;
  transform: translateY(-2px);
}
.contact-luxury .contact-secondary-card {
  text-align: center;
}
.contact-luxury .secondary-card-title {
  font-size: 26px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 18px;
}
.contact-luxury .service-card-desc {
  font-size: 18px;
  color: #6b7280;
  margin: 0 0 28px;
  line-height: 1.7;
}
.contact-luxury .service-qrcode-wrap {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin: 0 0 28px;
}
.contact-luxury .qrcode-item {
  width: 150px;
  height: 150px;
  border-radius: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #e2e8f0;
  background-color: #f8fafc;
  padding: 8px;
  box-shadow: 0 4px 12px #eef2f5;
  transition: all 0.3s ease;
}
.contact-luxury .qrcode-item:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px #e6ebf0;
}
.contact-luxury .qrcode-item:first-child {
  background-image: url(/tupian/zhenshi/2wm_kefu.jpg);
}
.contact-luxury .qrcode-item:last-child {
  background-image: url(/tupian/zhenshi/2wm_qiyekefu.png);
}
.contact-luxury .service-contact-wrap {
  font-size: 18px;
  color: #6b7280;
  line-height: 1.8;
}
.contact-luxury .service-contact-way {
  display: block;
  margin: 0 0 6px;
  color: #1c85a4;
  font-weight: 600;
  transition: all 0.3s ease;
}
.contact-luxury .service-contact-way:hover {
  color: #b5cd32;
  text-decoration: underline;
  letter-spacing: 0.5px;
}
.contact-luxury .service-contact-tip {
  display: block;
  font-size: 16px;
  color: #9ca3af;
}
.contact-luxury .contact-secondary-group .message-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.contact-luxury .contact-secondary-group .message-card .urgent-card-left {
  flex: 2;
}
.contact-luxury .contact-secondary-group .message-card .urgent-card-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.contact-luxury .message-btn {
  width: 130px;
  height: 130px;
  color: #ffffff;
  border-radius: 16px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 8px 20px #d1e2e8;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #1c85a4 0%, #1a7a98 100%);
}
.contact-luxury .message-btn:hover {
  background: linear-gradient(150deg, #1c85a4 0%, #b5cd32 100%);
  box-shadow: 0 12px 25px #bdd6df;
  transform: translateY(-3px);
  color: #ffffff;
}
.contact-luxury .message-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 15px #a9cbd8;
}
.contact-luxury .combo-card-title {
  font-size: 26px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 10px;
}
.contact-luxury .combo-card-desc {
  font-size: 18px;
  color: #6b7280;
  line-height: 1.7;
  margin: 0 0 8px;
}
.contact-luxury .combo-card-tip {
  font-size: 16px;
  color: #9ca3af;
  line-height: 1.7;
}
.contact-luxury .contact-third-group > div {
  flex: 1;
  padding: 36px 32px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 8px 24px #eef2f5;
  border: 1px solid #f0f4f8;
  transition: all 0.3s ease;
}
.contact-luxury .contact-third-group > div:hover {
  box-shadow: 0 12px 30px #e6ebf0;
  transform: translateY(-2px);
}
.contact-luxury .urgent-card {
  text-align: center;
}
.contact-luxury .urgent-phone {
  display: inline-block;
  min-width: 200px;
  padding: 16px 30px;
  color: #1c85a4;
  border: 2px solid #e8f4f8;
  background: #f8fafc;
  border-radius: 16px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  transition: all 0.3s ease;
}
.contact-luxury .urgent-phone:hover {
  background: #1c85a4;
  color: #ffffff;
  border-color: #1c85a4;
  box-shadow: 0 8px 20px #d1e2e8;
  transform: translateY(-2px);
}
.contact-luxury .urgent-phone:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px #bdd6df;
}
.contact-luxury .contact-advantage-card {
  text-align: left;
}
.contact-luxury .advantage-card-title {
  font-size: 26px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid #e8f4f8;
  display: flex;
  align-items: center;
  gap: 12px;
}
.contact-luxury .advantage-card-title::before {
  content: "";
  width: 4px;
  height: 24px;
  background: #1c85a4;
  border-radius: 2px;
}
.contact-luxury .service-benefit-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.contact-luxury .service-benefit-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  color: #4b5563;
  line-height: 1.7;
  padding: 9px 16px;
  background: #eef5f7;
  border-radius: 12px;
  border-left: 3px solid #1c85a4;
  transition: all 0.2s ease;
}
.contact-luxury .service-benefit-item:hover {
  background: #e8f4f8;
  border-left-color: #0f6a90;
  transform: translateX(2px);
}
.contact-luxury .service-benefit-icon {
  color: #1c85a4;
  font-size: 20px;
  margin-top: 4px;
  flex-shrink: 0;
  width: 20px;
  text-align: center;
  transition: color 0.2s ease;
}
.contact-luxury .service-benefit-item:hover .service-benefit-icon {
  color: #0f6a90;
}
.contact-stats {
  padding: 0 0 80px;
  background-color: #f8fafc;
  background-image: radial-gradient(#eef5f7 1px, transparent 1px);
  background-size: 30px 30px;
}
.contact-stats .contact-stats-list {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.contact-stats .contact-stats-item {
  flex: 1;
  min-width: 180px;
  padding: 60px 20px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid #f0f4f8;
  box-shadow: 0 8px 24px #eef2f5;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  text-align: center;
}
.contact-stats .contact-stats-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px #d1e2e8;
  border-color: #e8f4f8;
}
.contact-stats .contact-stats-num {
  font-size: 50px;
  font-weight: 700;
  color: #1c85a4;
  line-height: 1.2;
  margin: 0 0 15px;
  letter-spacing: 1px;
}
.contact-stats .contact-stats-text {
  font-size: 20px;
  font-weight: 500;
  color: #4b5563;
  line-height: 1.5;
}
.contact-branch {
  padding: 0 0 120px;
}

.contact-branch .branch-title {
  text-align: center;
  padding: 60px 0 50px;
}

.contact-branch .title-main {
  font-size: 44px;
  color: #1f2937;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 18px;
  line-height: 1.2;
}

.contact-branch .title-main::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: #1c85a4;
  margin: 12px auto 0;
  border-radius: 2px;
}

.contact-branch .title-sub {
  font-size: 19px;
  color: #6b7280;
  line-height: 1.8;
  margin: 0 auto;
  max-width: 700px;
  opacity: 0.9;
}

.contact-branch .branch-card-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}

.contact-branch .branch-card {
  flex: 1;
  min-width: 0;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(28, 133, 164, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);
  transition: all 0.4s ease;
  border: 2px solid transparent;
}

.contact-branch .branch-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(28, 133, 164, 0.12), 0 6px 12px rgba(0, 0, 0, 0.05);
  border-color: #1c85a4;
}

.contact-branch .card-map {
  position: relative;
  overflow: hidden;
}

.contact-branch .card-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.contact-branch .map-area {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #1c85a4;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10;
  line-height: 1.5;
  max-width: 225px;
  transition: all 0.3s ease;
}

.contact-branch .branch-card:hover .map-area {
  background: #18799c;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.contact-branch .card-map p {
  position: absolute;
  top: 24px;
  right: 20px;
  background: rgba(255, 255, 255, 0.95);
  color: #1c85a4;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 15px;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(28, 133, 164, 0.15);
  z-index: 10;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  margin: 0;
}

.contact-branch .branch-card:hover .card-map p {
  background: #1c85a4;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.contact-branch .card-content {
  padding: 30px 28px;
  background-color: #fdfefe;
  border-top: 1px solid #f0f7fa;
  box-sizing: border-box;
}

.contact-branch .card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.contact-branch .card-info li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.7;
  word-break: break-word;
  white-space: normal;
  transition: all 0.3s ease;
  position: relative;
  padding: 4px 0;
}

.contact-branch .branch-card:hover .card-info li {
  color: #1f2937;
}

.contact-branch .card-info li i.iconfont {
  font-size: 22px;
  color: #1c85a4;
  margin-right: 15px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;
  background-color: #f0f7fa;
  transition: all 0.3s ease;
}

.contact-branch .branch-card:hover .card-info li i.iconfont {
  color: #ffffff;
  background-color: #1c85a4;
  transform: none;
}